I want to set up different colors for values in each line in multi series line chart.
Try to set valueFontColor but seem it could not affect the color in the value. Does Fusion Chart support for this case?
FusionCharts.ready(function () {
var visitChart = new FusionCharts({
type: 'msline',
renderAt: 'chart-container',
width: '550',
height: '350',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Number of visitors last week",
"subCaption": "Bakersfield Central vs Los Angeles Topanga",
"captionFontSize": "14",
"subcaptionFontSize": "14",
"subcaptionFontBold": "0",
"paletteColors": "#0075c2,#1aaf5d",
"bgcolor": "#ffffff",
"showBorder": "0",
"showShadow": "0",
"showCanvasBorder": "0",
"usePlotGradientColor": "0",
"legendBorderAlpha": "0",
"legendShadow": "0",
"showAxisLines": "0",
"showAlternateHGridColor": "0",
"divlineThickness": "1",
"divLineIsDashed": "1",
"divLineDashLen": "1",
"divLineGapLen": "1",
"xAxisName": "Day",
"showValues": "0"
},
"categories": [
{
"category": [
{ "label": "Mon" },
{ "label": "Tue" },
{ "label": "Wed" },
{ "label": "Thu" },
{ "label": "Fri" },
{ "label": "Sat" },
{ "label": "Sun" }
]
}
],
"dataset": [
{
"seriesname": "Bakersfield Central",
"valueFontColor" : "#ED7D31",
"showValues":"1",
"data": [
{ "value": "15123" },
{ "value": "14233" },
{ "value": "25507" },
{ "value": "9110" },
{ "value": "15529" },
{ "value": "20803" },
{ "value": "19202" }
]
},
{
"seriesname": "Los Angeles Topanga",
"valueFontColor" : "#ED7D31",
"data": [
{ "value": "13400" },
{ "value": "12800" },
{ "value": "22800" },
{ "value": "12400" },
{ "value": "15800" },
{ "value": "19800" },
{ "value": "21800" }
]
}
],
}
}).render();
});
