X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=gallery%2Fplotter.js;h=d077b0965def365a473812ee0fe56c4fe9b95553;hb=2996a18eb00729b2624d8d75e8d24b056c5732bc;hp=dfbe4b2e12d885ed3e6c57b230487b3f65ec4488;hpb=60bda09c058d85b1fad278ac4ce6df353e0a9275;p=dygraphs.git diff --git a/gallery/plotter.js b/gallery/plotter.js index dfbe4b2..d077b09 100644 --- a/gallery/plotter.js +++ b/gallery/plotter.js @@ -5,38 +5,38 @@ Gallery.register( name: 'Function Plotter', title: 'Define your data with functions', setup: function(parent) { - parent.innerHTML = - "

Equation:
\n" + - "
\n" + - "Preset functions: \n" + - "

\n" + - "\n" + - "

x range: \n" + - " to

\n" + - "

\n" + - "\n" + - "
"; + parent.innerHTML = [ + "

Equation:
", + "
", + "Preset functions: ", + "

", + "", + "

x range: ", + "to

", + "

", + "", + "
"].join("\n"); }, run: function() { var select = document.getElementById("presets"); + var presets = { + 'id': [ -10, 10, 'function(x) {\n return x;\n}' ], + 'sine': [ -10, 10, 'function(x) {\n return Math.sin(x);\n}' ], + 'taylor': [ -3, 3, 'function(x) {\n return [Math.cos(x), 1 - x*x/2 + x*x*x*x/24];\n}' ], + 'sawtooth': [-10, 10, 'function(x) {\n var y = 0;\n for (var i = 1; i < 20; i+=2) {\n y += Math.sin(i * x)/i;\n }\n var final = 1 - 2*(Math.abs(Math.floor(x / Math.PI)) % 2);\n return [4/Math.PI * y, final];\n}' ] + }; select.onchange = function() { var sel = select.selectedIndex; var id = select.options[sel].id; - var presets = { - 'id': [ -10, 10, 'function(x) {\n return x;\n}' ], - 'sine': [ -10, 10, 'function(x) {\n return Math.sin(x);\n}' ], - 'taylor': [ -3, 3, 'function(x) {\n return [Math.cos(x), 1 - x*x/2 + x*x*x*x/24];\n}' ], - 'sawtooth': [-10, 10, 'function(x) {\n var y = 0;\n for (var i = 1; i < 20; i+=2) {\n y += Math.sin(i * x)/i;\n }\n var final = 1 - 2*(Math.abs(Math.floor(x / Math.PI)) % 2);\n return [4/Math.PI * y, final];\n}' ] - }; if (id == "custom") { return; } document.getElementById("x1").value = presets[id][0]; @@ -73,7 +73,7 @@ Gallery.register( g = new Dygraph(graph, data); } - plot.onclick = plot; + plotButton.onclick = plot; plot(); } });