AnnoJ.DataTypes.BarChartData
- A simple data format used to show information in a bar chart with support for multiple series.
- Each series name (label) maps to an HTML class, allowing CSS to be used to control style.
- Bar width is assumed to be constant within a series, but not necessarily between series, so must be set for each.
Structure
var AD = AnnoJ.DataTypes;
AD.BarChartData = [
AD.BarChartSeries // array of data series
];
AD.BarChartSeries = {
name : AD.TinyText, // text label for the series
width : AD.PositiveInt, // width of bars in the series
values : [ // array of values for items in the series
0 : AD.PositiveInt, // x value
1 : AD.PositiveNumber, // y above
2 : AD.PositiveNumber // y below
]
};
Example
var example = [
{
// series 1
name : "CG",
width : 1,
values : [
[421991,35,0],
[421992,0,50],
[422000,60,0],
[422001,0,73],
[422897,63,0],
[422986,0,100],
[423109,70,0],
[423110,0,80],
[423121,78,0],
[423122,0,75],
[423146,80,0],
[423147,0,100],
[423162,100,0],
[423300,75,0]
]
},{
// series 2
name : "CHG",
width : 1,
values : [
[423123,0,67],
[423132,38,0],
[423145,67,0],
[423890,0,33],
[423891,100,0],
[423901,0,33],
[428058,33,0],
[428060,0,60],
[428064,0,50],
[428068,0,43],
[428072,100,0],
[428074,0,40]
]
},{
// series 3
name : "CHH",
width : 1,
values : [
[423138,33,0],
[423157,75,0],
[423159,50,0],
[423165,50,0],
[423307,0,50],
[423308,0,50],
[423309,40,0],
[423321,0,40],
[423329,50,0],
[423886,67,0],
[423919,0,67],
[424564,50,0],
[424767,0,33],
[425468,50,0],
[427537,0,19],
[429334,21,0],
[429955,67,0]
]
}
];