diff options
Diffstat (limited to 'examples/symbols.html')
-rw-r--r-- | examples/symbols.html | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/examples/symbols.html b/examples/symbols.html deleted file mode 100644 index e71b1aa..0000000 --- a/examples/symbols.html +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -<html> - <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> - <title>Flot Examples</title> - <link href="layout.css" rel="stylesheet" type="text/css"> - <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]--> - <script language="javascript" type="text/javascript" src="../jquery.js"></script> - <script language="javascript" type="text/javascript" src="../jquery.flot.js"></script> - <script language="javascript" type="text/javascript" src="../jquery.flot.symbol.js"></script> - </head> - <body> - <h1>Flot Examples</h1> - - <div id="placeholder" style="width:600px;height:300px"></div> - - <p>Various point types. Circles are built-in. For other - point types, you can define a little callback function to draw the - symbol; some common ones are available in the symbol plugin.</p> - -<script type="text/javascript"> -$(function () { - function generate(offset, amplitude) { - var res = []; - var start = 0, end = 10; - for (var i = 0; i <= 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: "circle" } }, - { data: generate(3, 1.5), points: { symbol: "square" } }, - { data: generate(4, 0.9), points: { symbol: "diamond" } }, - { data: generate(6, 1.4), points: { symbol: "triangle" } }, - { data: generate(7, 1.1), points: { symbol: "cross" } } - ]; - - $.plot($("#placeholder"), data, { - series: { points: { show: true, radius: 3 } }, - grid: { hoverable: true } - }); -}); -</script> - - </body> -</html> |