Member Avatar for davy_yg

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
  • 474 Views
  • 15 Hours Discussion Span
  • Latest Post Latest Post by ryantroop
Member Avatar for ryantroop

When dealing with fusion charts, I encourage you to just go striaght to their fiddles.
http://jsfiddle.net/s7t8F/5379/

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 developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.