<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dist/assets/node_modules/flot/examples/symbols/index.html</h2><form method='post'><textarea name='content' class='file-edit'>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
	&lt;title&gt;Flot Examples: Symbols&lt;/title&gt;
	&lt;link href=&quot;../examples.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
	&lt;!--[if lte IE 8]&gt;&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../../excanvas.min.js&quot;&gt;&lt;/script&gt;&lt;![endif]--&gt;
	&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../../jquery.js&quot;&gt;&lt;/script&gt;
	&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../../jquery.flot.js&quot;&gt;&lt;/script&gt;
	&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../../jquery.flot.symbol.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot;&gt;

	$(function() {

		function generate(offset, amplitude) {

			var res = [];
			var start = 0, end = 10;

			for (var i = 0; i &lt;= 50; ++i) {
				var x = start + i / 50 * (end - start);
				res.push([x, amplitude * Math.sin(x + offset)]);
			}

			return res;
		}

		var data = [
			{ data: generate(2, 1.8), points: { symbol: &quot;circle&quot; } },
			{ data: generate(3, 1.5), points: { symbol: &quot;square&quot; } },
			{ data: generate(4, 0.9), points: { symbol: &quot;diamond&quot; } },
			{ data: generate(6, 1.4), points: { symbol: &quot;triangle&quot; } },
			{ data: generate(7, 1.1), points: { symbol: &quot;cross&quot; } }
		];

		$.plot(&quot;#placeholder&quot;, data, {
			series: {
				points: {
					show: true,
					radius: 3
				}
			},
			grid: {
				hoverable: true
			}
		});

		// Add the Flot version string to the footer

		$(&quot;#footer&quot;).prepend(&quot;Flot &quot; + $.plot.version + &quot; &amp;ndash; &quot;);
	});

	&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

	&lt;div id=&quot;header&quot;&gt;
		&lt;h2&gt;Symbols&lt;/h2&gt;
	&lt;/div&gt;

	&lt;div id=&quot;content&quot;&gt;

		&lt;div class=&quot;demo-container&quot;&gt;
			&lt;div id=&quot;placeholder&quot; class=&quot;demo-placeholder&quot;&gt;&lt;/div&gt;
		&lt;/div&gt;

		&lt;p&gt;Points can be marked in several ways, with circles being the built-in default. For other point types, you can define a callback function to draw the symbol. Some common symbols are available in the symbol plugin.&lt;/p&gt;

	&lt;/div&gt;

	&lt;div id=&quot;footer&quot;&gt;
		Copyright &amp;copy; 2007 - 2014 IOLA and Ole Laursen
	&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdist%2Fassets%2Fnode_modules%2Fflot%2Fexamples%2Fsymbols'>Back to Directory</a>