linechart.js

Library for drawing Line charts, using SVG.


Objects

Methods

Constants


OAT.LineChart(div, optObj)

Creates a Line Chart inside div, optObj describes its properties. Its values:

OAT.LineChart::attachData(dataArray)

Adds data to chart. dataArray may be an array of arrays; in this case, each sub-array is treated as one dataset.

OAT.LineChart::attachTextX(textArray)

Adds X axis labels.

OAT.LineChart::attachTextY(textArray)

Adds legend labels.

OAT.LineChart::draw()

Draws the chart.

var data = [ [1,2,4,3], [4,3,2,1], [2,1,3,4], [3,4,1,2]];
var lc = new OAT.LineChart("myDiv",{markerSize:6});
lc.attachData(data);
lc.attachTextX(["a","b","c","d"]);
lc.attachTextY(["red","blue","green","yellow"]);
lc.draw();