Sign in to follow this  
sl3dg3hamm3r

Radar Chart Series Color

Recommended Posts

Hi

 

Given the Radar Chart, Javascript: I can't succeed to fully change the series colors. I set the 'color' - attribute in dataset, this works fine. But the borders are still the same standard-colors (baby-blue, yellow, ...). So I additionally tried to set 'lineColor', but this doesn't show any effect... or is there an easy way to switch the standard-colors? In the demo-gallery, only the 'color' - attribute is used, which seems to work just fine there...

 

Or is there an easy way to switch the order of the series in the radar-chart? I'd like the baby-blue series over the yellow series.

 

 

var myChart = new FusionCharts("Radar", "myChartId", "100%", "400");
myChart.setJSONData({
    "chart": {
        animation: 0,
        bgcolor: "FFFFFF",
        palette: '1',
        
        useEllipsesWhenOverflow: '1',
        maxLabelWidthPercent: '20',
        numdivlines: '4',
        showTooltipforWrappedLabels: '1',
        showValues: 0,
        
        yAxisMaxValue: 100,
        
    },
    "categories": [
        {"category":[{"label":"Value 1"},{"label":"Value 2"},{"label":"Value 3"}]}
    ],
    "dataset": [
        {"seriesname":"Series 1","data":[{"label":"Value 1","value":"50"},{"label":"Value 2","value":"59.62"},{"label":"Value 3","value":"65.38"}],"color":"AA0000","lineColor":"DD0000"},
        {"seriesname":"Series 2","data":[{"label":"Value 1","value":"40"},{"label":"Value 2","value":"67"},{"label":"Value 3","value":"39"},],"color":"00AA00","lineColor":"00DD00"}
    ],
});

myChart.render("chartContainer");

Edited by sl3dg3hamm3r

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

If you want to customize the plot border color of the data-plot, then try using plotBorderColor attribute at dataset element.

 

Ref. Code:

"dataset": [
    {
      "seriesname": "Series 1",
      "plotbordercolor": "CC0000",
    }
 
For more information, please refer the following link:
 
Hope this helps!

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
Sign in to follow this