0

This time, I am trying to customize color in bar chart.

https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-plot

bar_chart.html

<html>
<head>

<script type="text/javascript" src="fusioncharts/js/fusioncharts.js"></script>
<script type="text/javascript" src="fusioncharts/js/themes/fusioncharts.theme.fint.js"></script>

<script type="text/javascript" src="fusioncharts/js/themes/fusioncharts.theme.fint.js"></script>

</head>
<body>

<script type="text/javascript">
    FusionCharts.ready(function() {
        var revenueChart = new FusionCharts({
            "type": "doughnut2d",
            "renderAt": "chartContainer",
            "width": "500",
            "height": "300",
            "dataFormat": "json",
            "dataSource": {
                "chart": {
                    "caption": "Account Overview",
                    "subCaption": "As of 20 February 2014",
                    "xAxisName": "Month",
                    "yAxisName": "Revenues (In USD)",
                    "theme": "fint",

                },
                "data": [{
                        "label": "Jan",
                        "value": "27%"

                    },
                    {
                        "label": "Feb",
                        "value": "73%"

                    }                        
                ]
            }

        });
        revenueChart.render();
    })
</script>
</head>

<body>
<div id="chartContainer">FusionCharts XT will load here!</div>
</body>

</body>
</html>

I wonder why if I put "color": "#008ee4" under "value": "73%" and "value": "27%" it gives me a blank screen instead of changing the color.

What's missing? I have been trying to follow the tutorial.

2
Contributors
1
Reply
17
Views
2 Months
Discussion Span
Last Post by ryantroop
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.