Dojo Charting Example

A little charting example with sine and consine.

by parente

HTML

<div id="chart_area" style="width: 100%; height: 400px;"></div>

JavaScript

dojo.require("dojox.charting.Chart2D");
dojo.require("dojox.charting.themes.PlotKit.blue");

dojo.ready(function() {
   var period = 2 * Math.PI;
   var tick = Math.PI / 180.0;
   var step = 5*Math.PI / 180.0;
   var id = 'chart_area';

   var chart = new dojox.charting.Chart2D(id);
   chart.setTheme(dojox.charting.themes.PlotKit.blue);
   chart.addAxis("x", {min: 0, max: period, majorTickStep: tick*30, 
                     minorTickStep: tick*10, minorLabels: false});
   chart.addAxis("y", {vertical: true, min: -1.01, max: 1, majorTickStep: 0.5, 
                     minorTickStep: 0.1, minorLabels: false});
   chart.addPlot("default", {type: 'Lines'});
   chart.addPlot("grid", {type: "Grid", vMinorLines: true});

   var series = {'sin' : [], 'cos' : []};
   for(var i = 0; i < period; i+=step) {
     series.sin.push({'x' : i, 'y' : Math.sin(i)});
     series.cos.push({'x' : i, 'y' : Math.cos(i)});
   }

   chart.addSeries('sin', series.sin);
   chart.addSeries('cos', series.cos);
   chart.render();
});