2014-12-03 87 views
0

我正在使用AmChart製作折線圖。我想根據y值動態更改項目符號(bulletColor)的顏色。例如:amCharts:動態更改子彈顏色

默認bulletcolor:green 如果值大於103%,子彈的顏色應該是橙色 如果值大於105%,則子彈的顏色應該是紅色。

我注意到有一些自定義字段會從'bulletSizeField'和'bulletField'(自定義bulletpicture)的json中獲取數據,但我無法找到是否可以只改變子彈的顏色。 有沒有人知道是否有辦法實現這個結果? (無論是在AmChart本身,還是像'BulletField'一樣從jsonfile中獲取colordata)。

回答

0

您可以在生成dataProvider數據的腳本中添加一些邏輯並根據值每次傳遞顏色。

http://jsfiddle.net/qkc8bgtq/

"dataProvider": [ 
    { 
    "lineColor": "#00aa00", 
    "date": "2012-01-01", 
    "duration": 100 
    }, 
    { 
    "lineColor": "#00aa00", 
    "date": "2012-01-02", 
    "duration": 102 
    }, 
    { 
    "lineColor": "#ff9900", 
    "date": "2012-01-03", 
    "duration": 104 
    }, 
    { 
    "lineColor": "#aa0000", 
    "date": "2012-01-04", 
    "duration": 106 
    }, 
    { 
    "lineColor": "#aa0000", 
    "date": "2012-01-05", 
    "duration": 108 
    } 
] 
+0

但你傳遞bulletColor?我嘗試過,但AmChart似乎沒有從json中獲取bordercolorvalues。 LineColor更改了bulletcolor,但也更改了線條本身的顏色:我希望線條在整個圖表中保持相同的顏色,並且只有在達到某個值時才使子彈變色 – Jorinde 2014-12-05 15:54:55