FusionCharts.ready(function() {
var topStores = new FusionCharts({
type: 'bar2d',
renderAt: 'chart-container',
width: '500',
height: '400',
dataFormat: 'json',
dataSource: {
"chart": {
"theme": "fusion",
"caption": "Man hours Required per job",
"subCaption": "",
"yAxisName": "Time (In Hours)",
//"numberPrefix": "$",
"showvalues":"1",
"valuefontcolor":"#ffffff",
"placevaluesinside":"1",
"alignCaptionWithCanvas": "1"
},
"data": [{
"label": "Defining Event goal",
"value": "15",
},
{
"label": "Souce Venue Option",
"value": "25"
},
{
"label": "Finalize Speaker Reach Out List",
"value": "10"
},
{
"label": "Compose Sponsorship Strategy",
"value": "10"
},
{
"label": "Reach Out To Sponsers",
"value": "50"
},
{
"label": "Create Social Media Campaign",
"value": "20"
},
{
"label": "Reach Out To Blogs for Backlinks",
"value": "50"
},
{
"label": "Optimize SEO Ranking",
"value": "40"
},
{
"label": "Publish Event Lead Up Vlog Series",
"value": "40"
}
]
}
})
.render();
});
<!-- Simple implementation of the Bar 2D chart -->
<div id="chart-container">FusionCharts will render here</div>