amCharts選擇屬性值

Question

所以我有這個柱形圖，我想根據類別名稱獲得顏色。 更清楚地說，我的圖是這樣的：

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

我正在使用數據加載器從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方面，我是一個新手。 有誰知道我該怎么解決？

Answer 1

您可以向數據對象添加“顏色”，如下所示：

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/