2016-11-25 5 views
1

Привет, я хочу установить альтернативный цвет столбца для каждого столбца.
fiddle Заранее спасибоКак установить индивидуальный цвет столбца в диаграмме столбцов акций Amcharts?

+0

Fiddle ссылка http://jsfiddle.net/rbz7312m/ – Sourav

+0

https://www.amcharts.com/kbase/automatically-apply-theme-colors-to -each-individual-column/ – Mahi

+0

@Mahi - у вас есть правильная идея, но она немного замаскирует детали, поскольку она реализует плагин для применения цветов тем оформления к каждому столбцу, что делает его немного излишним для того, что он пытается сделать. Вам также необходимо выполнить дополнительный шаг при использовании биржевых диаграмм, как объясняется в моем ответе ниже. – xorspark

ответ

1

@Mahi имеет правильную идею, но ссылка указывает на плагин на основе решения, которое применяет цвета из текущей темы диаграммы, так что затушевывает детали.

Чтобы уточнить, при настройке отдельных цветов колонки (или линии/пули), вы должны определить lineColorField и fillColorsField в своем объекте графа, а затем установить цвет в своих данных. Например, в ваших данных:

[ 
    { 
    "date": "2016-11-25", 
    "value": 3, 
    "color": "#ff0000" 
    }, 
    { 
    "date": "2016-11-26", 
    "value": 3, 
    "color": "#00ff00" 
    }, 
    // ... 
] 

, а затем в вашем графике объекта:

"graphs": [{ 
    "lineColorField": "color", 
    "fillColorsField": "color", // if your chart has a fill like a column or area line graph 
    // ... 
}] 

или биржевой диаграммы stockGraph:

"stockGraphs": [{ 
    "lineColorField": "color", 
    "fillColorsField": "color", // if your chart has a fill like a column or area line graph 
    // ... 
}] 

для фондовых графиков, как ваша скрипка, вы также должны для установки свойства categoryAxesSettings maxSeries равным 0, поскольку он не может применять ваши пользовательские цвета, пока включена его функция группировки данных.

"categoryAxesSettings": { 
    "maxSeries": 0, 
    // ... 
} 

Вот обновленная скрипка: http://jsfiddle.net/rbz7312m/3/

+1

Спасибо ... Ты спас меня. Буду очень признателен вам .... – Sourav

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