Hi everyone,
I'm trying to build this chart, that consist in AREA dataset divided in two or more colors, but for some reason on version 3.2 using SWF and XML and the same configuration works, but now using 3.7.0 render as HTML5 and JSON not work.
Below there is some example that I trying to edit this code comes from http://jsfiddle.net/fusioncharts/b1w3cdLm/
As you can see, I have one dataset render as AREA and trying to change the color of some datas.
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'mscombi2d',
renderAt: 'chart-container',
width: '600',
height: '350',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Revenues and Profits",
"subCaption": "For last year",
"xAxisname": "Month",
"pYAxisName": "Amount (In USD)",
"sYAxisName": "Profit %",
"numberPrefix": "$",
"sNumberSuffix" : "%",
"sYAxisMaxValue" : "50",
"primaryAxisOnLeft": "0",
"theme": "fint"
},
"categories": [{
"category": [{
"label": "Jan"
}, {
"label": "Feb"
}, {
"label": "Mar"
}, {
"label": "Apr"
}, {
"label": "May"
}, {
"label": "Jun"
}, {
"label": "Jul"
}, {
"label": "Aug"
}, {
"label": "Sep"
}, {
"label": "Oct"
}, {
"label": "Nov"
}, {
"label": "Dec"
}]
}],
"dataset": [{
"seriesName": "Profits",
"renderAs": "area",
"color":"#4169E1",
"plotBorderColor" : "#4169E1",
"renderAs":"area",
"showValue":"1",
"plotBorderAlpha":"50",
"data": [{
"value": "0",
"toolText":"Não considerado",
"dashed":"1",
"color":"4169E1",
"alpha":"1"
}, {
"value": "5000"
}, {
"value": "5000"
}, {
"value": "3000",
"toolText":"Não considerado",
"dashed":"1",
"color":"#ff0000",
"alpha":"100"
}, {
"value": "1000"
}, {
"value": "7000"
}, {
"value": "1000"
}, {
"value": "4000"
}, {
"value": "1000"
}, {
"value": "8000"
}, {
"value": "2000"
}, {
"value": "7000"
}]
}]
}
});
revenueChart.render();
});
thanks
Brunno