<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.21.0/fusioncharts.js"></script>
<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<div id="chart-container">FusionCharts will render here</div>
FusionCharts.ready(function () {
var topStores = new FusionCharts({
type: "bar2d",
renderAt: "chart-container",
width: "100%",
height: "400",
dataFormat: "json",
dataSource: {
chart: {
//"theme": "fusion",
caption: "Sales Analysis Of Top stores ↑ ,↓",
exportEnabled: "1",
subCaption: "Last year",
captionPadding: "50",
showCanvasBorder: "1",
showPlotBorder: "1"
},
data: [
{
label: "Bakersfield ↑ ,↓",
value: "880000"
},
{
label: "Garden",
value: "730000"
},
{
label: "Los",
value: "590000"
},
{
label: "Compton",
value: "520000"
},
{
label: "Daly",
value: "330000"
}
]
}
}).render();
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.