brunnot

MSCombi2D one dataset multicolors

Recommended Posts

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
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

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now