brunnot Report post Posted December 8, 2015 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 Share this post Link to post Share on other sites
Gagan Sikri Report post Posted December 11, 2015 Hi Changing colors in area charts is not possible due to limitation of JavaScript. Instead of area chart you can use column chart, you can change color for data plots in that. Share this post Link to post Share on other sites
brunnot Report post Posted December 11, 2015 Hi Changing colors in area charts is not possible due to limitation of JavaScript. Instead of area chart you can use column chart, you can change color for data plots in that. Tks Gagan, The bar chart doesn't fit to me. O will try to do some workaround Share this post Link to post Share on other sites