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



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


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



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


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.

When dealing with fusion charts, I encourage you to just go striaght to their fiddles.

I made that with a color change to one column. You likely forgot the comma.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.21 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.