2014-12-03 7 views
0

Я использую AmChart для создания линейной диаграммы. Я хочу динамически изменять цвет пули (bulletColor) в соответствии с значениями y. Так, например:amCharts: динамически меняющийся цвет пули

По умолчанию bulletcolor: зеленый стоимостью выше 103% цвет пули должен быть оранжевым При значении выше 105% цвет пули должен быть красным.

Я заметил, что есть пользовательские поля, которые берут данные из json для 'bulletSizeField' и 'bulletField' (пользовательский bulletpicture), но я не могу найти, если это возможно, для изменения только цвета пули. Кто-нибудь знает, есть ли способ достичь этого результата? (либо в самом AmChart, либо получить colordata из jsonfile, например, с помощью BulletField).

ответ

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. LineColor изменяет цвет bulletcolor, но также меняет цвет самой линии: я хочу, чтобы линия оставалась одного цвета на всей диаграмме и делала цвет пули только при достижении определенного значения – Jorinde

Смежные вопросы