TeeChart for JavaScript
Tee Chart from JSON
JSON to Chart
JSON data including values and labels:
{ "series":{ "name":"Friends", "metric":"Quantity", "category":"Social Networks", "point":[ { "name":"Facebook", "value":123, "color":"Blue" }, { "name":"Twitter", "value":456, "color":"Orange" }, { "name":"Google+", "value":789, "color":"Red" } ] } }
Refresh
This browser does not seem to support HTML5 Canvas.
JSON XY to Chart
JSON data, multiple series including X and Y values:
{ "chart": [ { "series": { "name":"Data 1", "color":"Blue", "metric":"Y", "category":"X", "pointer":"rectangle", "point": [ { "value":123, "x": 21 }, { "value":456, "x": 14 }, { "value":789, "x": 33 } ] } }, { "series": { "name":"Data 2", "color":"Red", "metric":"Y", "category":"X", "pointer":"triangle", "point": [ { "value":321, "x": 15 }, { "value":555, "x": 24 }, { "value":111, "x": 3 } ] } }, { "series": { "name":"Data 3", "color":"Green", "metric":"Y", "category":"X", "pointer":"ellipse", "point": [ { "value":321, "x": 35 }, { "value":555, "x": 17 }, { "value":111, "x": 23 } ] } } ] }
Refresh
This browser does not seem to support HTML5 Canvas.