Loading
Rendering Charts via Bower
The Installing Free Trial via Bower article was about how you can install the FusionCharts Suite XT free trial version can be installed via the Bower package manager.
This section demonstrates rendering a chart via Bower.
Take a look at the column 2D chart shown below:
FusionCharts will load here..
The data structure needed to render this chart via npm is given below:
<script src="bower_components/fusioncharts/fusioncharts.js"></script>
<script src="bower_components/fusioncharts/fusioncharts.maps.js"></script>
<script>
new FusionCharts ({
"type": "column2d",
"width": "500",
"height": "300",
"dataFormat": "json",
"dataSource": {
chart:{},
data: [{
"label": "Jan",
"value": "420000"
},
{
"label": "Feb",
"value": "810000"
},
{
"label": "Mar",
"value": "720000"
},
{
"label": "Apr",
"value": "550000"
},
{
"label": "May",
"value": "910000"
},
{
"label": "Jun",
"value": "510000"
},
{
"label": "Jul",
"value": "680000"
},
{
"label": "Aug",
"value": "620000"
},
{
"label": "Sep",
"value": "610000"
},
{
"label": "Oct",
"value": "490000"
},
{
"label": "Nov",
"value": "900000"
},
{
"label": "Dec",
"value": "730000"
}]
}
}).render("chartContainer");
</script>