1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | (function () { Flotr.ExampleList.add({ key : 'download-data', name : 'Download Data', callback : download_data }); function download_data (container) { var d1 = [], d2 = [], d3 = [], d4 = [], d5 = [], graph, i,x; for (i = 0; i <= 100; i += 1) { x = i / 10; d1.push([x, 4 + Math.pow(x,1.5)]); d2.push([x, Math.pow(x,3)]); d3.push([x, i*5+3*Math.sin(x*4)]); d4.push([x, x]); if(x%1 === 0 ){ d5.push([x, 2*x]); } } // Draw the graph. graph = Flotr.draw( container, [ { data : d1, label : 'y = 4 + x^(1.5)', lines : { fill : true } }, { data : d2, label : 'y = x^3' }, { data : d3, label : 'y = 5x + 3sin(4x)' }, { data : d4, label : 'y = x' }, { data : d5, label : 'y = 2x', lines : { show : true }, points : { show : true } } ],{ xaxis : { noTicks : 7, tickFormatter : function (n) { return '('+n+')'; }, min: 1, // Part of the series is not displayed. max: 7.5 }, yaxis : { ticks : [[ 0, "Lower"], 10, 20, 30, [40, "Upper"]], max : 40 }, grid : { verticalLines : false, backgroundColor : 'white' }, legend : { position : 'nw' }, spreadsheet : { show : true, tickFormatter : function (e) { return e+''; } } }); }; })(); |