amcharts serial Column With Rotated Series颜色数组不起作用

时间:2014-12-25 07:21:11

标签: javascript amcharts

我对序列图表有一些问题(带旋转系列的列)。 我的dataProvider没有色域。我使用了颜色选项和一系列颜色,但它仍然不起作用 请帮帮我。

http://jsfiddle.net/bfbgz0sc/1/


零,感谢您的回复, amCharts帮助&支持对我说,数组中的每种颜色都保留给每个单独的图形。 不幸的是,在数据提供者中定义所有颜色并不是其他方法。

2 个答案:

答案 0 :(得分:2)

代码段:

        //input data
    var input=[{
            "country": "USA",
                "visits": 3025
        }, {
            "country": "China",
                "visits": 1882
        }, {
            "country": "Japan",
                "visits": 1809
        }, {
            "country": "Germany",
                "visits": 1322
        }, {
            "country": "UK",
                "visits": 1122
        }, {
            "country": "France",
                "visits": 1114
        }, {
            "country": "India",
                "visits": 984
        }, {
            "country": "Spain",
                "visits": 711
        }, {
            "country": "Netherlands",
                "visits": 665
        }, {
            "country": "Russia",
                "visits": 580
        }, {
            "country": "South Korea",
                "visits": 443
        }, {
            "country": "Canada",
                "visits": 441
        }];

    //your custom colors
    var colors=    ['#FF6600', '#FCD202', '#B0DE09', '#0D8ECF', '#2A0CD0', '#CD0D74', '#CC0000', '#00CC00', '#0000CC', '#DDDDDD', '#999999', '#333333', '#990000']

    //inject color attribute with value
    for (i = 0; i < input.length; i++) {input[i].color = colors[i];}    

   //amCharts initialization code goes here
    ...
    ...

<强>输出

enter image description here

检查此JSFiddle以查看正在运行的解决方案: http://jsfiddle.net/bfbgz0sc/4/

答案 1 :(得分:1)

Colors属性仅适用于单独的图形,不适用于数据项。所以你应该为dataProvider添加颜色。