barchart.js
Library for drawing bar charts, using HTML DOM.
Objects
OAT.BarChart(div, optObj)
Creates a Bar Chart inside div; optObj describes its properties.
optObj values:
- percentage - bool; is it a percentage plot?
- spacing - int; spacing between columns
- paddingLeft , paddingBottom , paddingTop
- width - int; width of one column
- colors - array of CSS colors, one for each value set
- border - bool; outline each column?
- grid - bool; show horizontal grid lines?
- gridDesc - bool; show description of lines?
- gridNum - int; approximate number of lines
- shadow - bool; draw shadow for columns?
- shadowColor - CSS color
- shadowOffset - int; distance between column and its shadow
Methods
OAT.BarChart::attachData(dataArray)
Adds data to chart.
Each value of dataArray describes one column; each column may consist of multiple values.
In such case, dataArray is an array of arrays.
OAT.BarChart::attachTextX(textArray)
Adds horizontal labels.
OAT.BarChart::attachTextY(textArray)
Adds vertical labels.
OAT.BarChart::draw()
Draws the chart.
CSS classes
.legend
CSS class of legend div.
.legend_box
CSS class of boxes with bar color, positioned left from the value description text.
.textX
CSS class of X axis description.
.textY
CSS class of Y axis description.
Example
var chart = new OAT.BarChart("myDiv",{});
chart.attachData([1,3,2]);
chart.attachTextX(["a","b","c"]);
chart.draw();
CategoryDocumentation CategoryOAT CategoryOpenSource