amCharts选择属性值

时间:2016-07-12 17:21:31

标签: javascript amcharts

所以我有这个柱形图,我想根据类别名称获得颜色。更清楚的是,我的图表是这样的:

category 1 [][][][][][]
category 2 [][][][][][][][][][][]
category 3 [][][][]
category 4 [][][][][][][][][]

我正在使用dataloader来提供来自ajax请求的数据。

我想做类似以下的事情:

        "graphs": [{
            "balloonText": "<span style='font-size:13px;'>[[title]] [[category]]s:<b>[[value]]</b></span>",
            "title": "Total",
            "type": "column",
            "fillAlphas": 0.8,
            "fillColors": "color",  <-------------------------
            "valueField": "total"
        }],

if (category.value == "category3") {
  var color = "red"
} ...
嗯,我猜你有这个主意。事情是,我是一个新手,特别是编程和js。有谁知道我怎么能解决这个问题?

1 个答案:

答案 0 :(得分:0)

您可以在数据对象中添加“color”,如下所示:

data = [{"category":"category3","total":"totalValue","color":"red"},...]

在你的图表中使用“fillColorsField”而不是fillColors,如下所示:

"graphs": [{
            "balloonText": "<span style='font-size:13px;'>[[title]] [[category]]s:<b>[[value]]</b></span>",
            "title": "Total",
            "type": "column",
            "fillAlphas": 0.8,
            "fillColorsField": "color",  <-------------------------
            "valueField": "total"
        }],

此演示非常有用:https://www.amcharts.com/demos/column-with-rotated-series/