PageRenderTime 45ms CodeModel.GetById 16ms RepoModel.GetById 1ms app.codeStats 0ms

/demo/guide_radar.html

http://google-chartwrapper.googlecode.com/
HTML | 143 lines | 136 code | 1 blank | 6 comment | 0 complexity | d501bb0fa490dcddcfd5ee198c6d4d4a MD5 | raw file
    

  1.   
    2. 

  2.     <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. 

  3. <html xmlns="http://www.w3.org/1999/xhtml">
    4. 

  4. 	<head>
    5. 

  5. 		<title>
    6. 

  6. 			Welcome - Chartography.net
    7. 

  7. 		</title>
    8. 

  8. 		<link rel="stylesheet" type="text/css" href="http://chartography.net/media/css/style.css" /> <link rel="shortcut icon" href="http://chartography.net/media/favicon.ico" type="image/x-icon" />
    9. 

  9. 		<meta name="keywords" content="chartography, open source, chart, pastebin, blog, weather" />
    10. 

  10. 		<meta name="description" content="Chartography.net: It's a blog! It's a pastebin! It's a chart editor?" />
    11. 

  11. 		<script type="text/javascript" src="http://chartography.net/media/jquery-1.2.1.js"></script>
    12. 

  12. 	</head>
    13. 

  13. 	<body >
    14. 

  14. 		<div style="position: absolute; float:left; width: 14%;" align="right">
    15. 

  15. 			<br>
    16. 

  16. 			<br>
    17. 

  17. 			<br>
    18. 

  18. 			<script type="text/javascript"><!--
    19. 

  19. 	google_ad_client = "pub-6864487851298261";
    20. 

  20. 	/* ChartographySkyscraper */
    21. 

  21. 	google_ad_slot = "7196398796";
    22. 

  22. 	google_ad_width = 120;
    23. 

  23. 	google_ad_height = 600;
    24. 

  24. 	//-->
    25. 

  25. 	</script>
    26. 

  26. 			<script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
    27. 

  27. 		</div>
    28. 

  28. 		<div class="container">
    29. 

  29. 			<div class="titleblock" style="background-image:url(http://chartography.net/media/globe1.png);">
    30. 

  30. 				<h1>
    31. 

  31. 					Chartography.net
    32. 

  32. 				</h1>
    33. 

  33. 			</div>
    34. 

  34. 			<div>
    35. 

  35. 				<ul class="navbar">
    36. 

  36. 					<li><a href="http://chartography.net/" class="nav">Home</a></li>
    37. 

  37. 					<li><a href="http://chartography.net/charts/" class="nav">Sandbox</a></li>
    38. 

  38. 					<li><a href="http://chartography.net/charts/all/" class="nav">Charts</a></li>
    39. 

  39. 					<li><a href="http://chartography.net/pastebin/" class="nav">Paste Bin</a></li>
    40. 

  40. 					<li><a href="http://chartography.net/weather/" class="nav">Weather</a></li>
    41. 

  41. 				</ul>
    42. 

  42. 			</div>
    43. 

  43. 			<div>
    44. 

  44. 				<div style="position; absolute; float: left;" align="left">
    45. 

  45. 					&nbsp;&nbsp;&nbsp;&nbsp;
    46. 

  46. 				</div>
    47. 

  47. 				<div style="position; absolute; float: right;" align="right">
    48. 

  48. 					<script type="text/javascript">var addthis_pub = "justquick";</script>
    49. 

  49. 					<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" border="0" alt="" /></a>
    50. 

  50. 					<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
    51. 

  51. 				</div>
    52. 

  52. 			</div>
    53. 

  53. 			<div class="content">
    54. 

  54.     <style>
    55. 

  55.     .highlight .hll { background-color: #ffffcc }
    56. 

  56. .highlight  { background: #f8f8f8; }
    57. 

  57. .highlight .c { color: #408080; font-style: italic } /* Comment */
    58. 

  58. .highlight .err { border: 1px solid #FF0000 } /* Error */
    59. 

  59. .highlight .k { color: #008000; font-weight: bold } /* Keyword */
    60. 

  60. .highlight .o { color: #666666 } /* Operator */
    61. 

  61. .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
    62. 

  62. .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
    63. 

  63. .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
    64. 

  64. .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
    65. 

  65. .highlight .gd { color: #A00000 } /* Generic.Deleted */
    66. 

  66. .highlight .ge { font-style: italic } /* Generic.Emph */
    67. 

  67. .highlight .gr { color: #FF0000 } /* Generic.Error */
    68. 

  68. .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
    69. 

  69. .highlight .gi { color: #00A000 } /* Generic.Inserted */
    70. 

  70. .highlight .go { color: #808080 } /* Generic.Output */
    71. 

  71. .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
    72. 

  72. .highlight .gs { font-weight: bold } /* Generic.Strong */
    73. 

  73. .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
    74. 

  74. .highlight .gt { color: #0040D0 } /* Generic.Traceback */
    75. 

  75. .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
    76. 

  76. .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
    77. 

  77. .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
    78. 

  78. .highlight .kp { color: #008000 } /* Keyword.Pseudo */
    79. 

  79. .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
    80. 

  80. .highlight .kt { color: #B00040 } /* Keyword.Type */
    81. 

  81. .highlight .m { color: #666666 } /* Literal.Number */
    82. 

  82. .highlight .s { color: #BA2121 } /* Literal.String */
    83. 

  83. .highlight .na { color: #7D9029 } /* Name.Attribute */
    84. 

  84. .highlight .nb { color: #008000 } /* Name.Builtin */
    85. 

  85. .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
    86. 

  86. .highlight .no { color: #880000 } /* Name.Constant */
    87. 

  87. .highlight .nd { color: #AA22FF } /* Name.Decorator */
    88. 

  88. .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
    89. 

  89. .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
    90. 

  90. .highlight .nf { color: #0000FF } /* Name.Function */
    91. 

  91. .highlight .nl { color: #A0A000 } /* Name.Label */
    92. 

  92. .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
    93. 

  93. .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
    94. 

  94. .highlight .nv { color: #19177C } /* Name.Variable */
    95. 

  95. .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
    96. 

  96. .highlight .w { color: #bbbbbb } /* Text.Whitespace */
    97. 

  97. .highlight .mf { color: #666666 } /* Literal.Number.Float */
    98. 

  98. .highlight .mh { color: #666666 } /* Literal.Number.Hex */
    99. 

  99. .highlight .mi { color: #666666 } /* Literal.Number.Integer */
    100. 

  100. .highlight .mo { color: #666666 } /* Literal.Number.Oct */
    101. 

  101. .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
    102. 

  102. .highlight .sc { color: #BA2121 } /* Literal.String.Char */
    103. 

  103. .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
    104. 

  104. .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
    105. 

  105. .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
    106. 

  106. .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
    107. 

  107. .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
    108. 

  108. .highlight .sx { color: #008000 } /* Literal.String.Other */
    109. 

  109. .highlight .sr { color: #BB6688 } /* Literal.String.Regex */
    110. 

  110. .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
    111. 

  111. .highlight .ss { color: #19177C } /* Literal.String.Symbol */
    112. 

  112. .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
    113. 

  113. .highlight .vc { color: #19177C } /* Name.Variable.Class */
    114. 

  114. .highlight .vg { color: #19177C } /* Name.Variable.Global */
    115. 

  115. .highlight .vi { color: #19177C } /* Name.Variable.Instance */
    116. 

  116. .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
    117. 

  117.     </style>
    118. 

  118.     <img src="http://chart.apis.google.com/chart?chxt=x&amp;chd=t:77.0,66.0,15.0,0.0,31.0,48.0,100.0,77.0|20.0,36.0,100.0,2.0,0.0,100.0&amp;chxr=0,0,360&amp;chco=FF0000,ff9900&amp;chs=200x200&amp;cht=r&amp;chxl=0:|0|45|90|135|180|225|270|315&amp;chls=2.0,4.0,0.0|2.0,4.0,0.0" />
    119. 

  119.     <pre><div class="highlight"><pre><span class="kn">from</span> <span class="nn">GChartWrapper</span> <span class="kn">import</span> <span class="o">*</span>
    120. 

  120. <span class="c"># Create a radar chart w/ multiple lines</span>
    121. 

  121. <span class="n">G</span> <span class="o">=</span> <span class="n">Radar</span><span class="p">([</span> <span class="p">[</span><span class="mf">77</span><span class="p">,</span><span class="mf">66</span><span class="p">,</span><span class="mf">15</span><span class="p">,</span><span class="mf">0</span><span class="p">,</span><span class="mf">31</span><span class="p">,</span><span class="mf">48</span><span class="p">,</span><span class="mf">100</span><span class="p">,</span><span class="mf">77</span><span class="p">],[</span><span class="mf">20</span><span class="p">,</span><span class="mf">36</span><span class="p">,</span><span class="mf">100</span><span class="p">,</span><span class="mf">2</span><span class="p">,</span><span class="mf">0</span><span class="p">,</span><span class="mf">100</span><span class="p">]</span> <span class="p">],</span> <span class="n">encoding</span><span class="o">=</span><span class="s">&#39;text&#39;</span><span class="p">)</span>  
    122. 

  122. <span class="n">G</span><span class="o">.</span><span class="n">size</span><span class="p">(</span><span class="mf">200</span><span class="p">,</span><span class="mf">200</span><span class="p">)</span>
    123. 

  123. <span class="n">G</span><span class="o">.</span><span class="n">color</span><span class="p">(</span><span class="s">&#39;red&#39;</span><span class="p">,</span><span class="s">&#39;FF9900&#39;</span><span class="p">)</span>
    124. 

  124. <span class="n">G</span><span class="o">.</span><span class="n">line</span><span class="p">(</span><span class="mf">2</span><span class="p">,</span><span class="mf">4</span><span class="p">,</span><span class="mf">0</span><span class="p">)</span>
    125. 

  125. <span class="n">G</span><span class="o">.</span><span class="n">line</span><span class="p">(</span><span class="mf">2</span><span class="p">,</span><span class="mf">4</span><span class="p">,</span><span class="mf">0</span><span class="p">)</span>        
    126. 

  126. <span class="n">G</span><span class="o">.</span><span class="n">axes</span><span class="p">(</span><span class="s">&#39;x&#39;</span><span class="p">)</span>
    127. 

  127. <span class="n">G</span><span class="o">.</span><span class="n">axes</span><span class="o">.</span><span class="n">label</span><span class="p">(</span><span class="mf">0</span><span class="p">,</span> <span class="mf">0</span><span class="p">,</span><span class="mf">45</span><span class="p">,</span><span class="mf">90</span><span class="p">,</span><span class="mf">135</span><span class="p">,</span><span class="mf">180</span><span class="p">,</span><span class="mf">225</span><span class="p">,</span><span class="mf">270</span><span class="p">,</span><span class="mf">315</span><span class="p">)</span>
    128. 

  128. <span class="n">G</span><span class="o">.</span><span class="n">axes</span><span class="o">.</span><span class="n">range</span><span class="p">(</span><span class="mf">0</span><span class="p">,</span> <span class="mf">0</span><span class="p">,</span><span class="mf">360</span><span class="p">)</span>
    129. 

  129. </pre></div>
    130. 

  130. </pre>
    131. 

  131. 			</div>
    132. 

  132. 		</div>
    133. 

  133. 		<script type="text/javascript">
    134. 

  134. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    135. 

  135. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    136. 

  136. </script>
    137. 

  137. 		<script type="text/javascript">
    138. 

  138. try {
    139. 

  139. var pageTracker = _gat._getTracker("UA-2806385-6");
    140. 

  140. pageTracker._trackPageview();
    141. 

  141. } catch(err) {}</script>
    142. 

  142. 	</body>
    143. 

  143. </html>
    144.