Привет, я хочу установить альтернативный цвет столбца для каждого столбца.
fiddle Заранее спасибоКак установить индивидуальный цвет столбца в диаграмме столбцов акций Amcharts?
ответ
@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/
Спасибо ... Ты спас меня. Буду очень признателен вам .... – Sourav
- 1. Как установить пользовательские цвета в диаграмме столбцов amCharts?
- 2. Как установить цвет графа столбца на клике в amCharts?
- 3. Как разобрать даты акций amcharts
- 4. Как указать цвета категорий стека в столбчатой диаграмме столбцов amCharts?
- 5. Как изменить цвет столбца в диаграмме?
- 6. установить цвет фона в диаграмме
- 7. Как установить цвет границы в линейной диаграмме
- 8. Масштабирование пузырьков в диаграмме пузырьков AmCharts
- 9. как установить цвет текста столбца в GridMvc
- 10. Matplotllib: установить «плохой» цвет в диаграмме рассеяния
- 11. asp.Net MVC Как установить цвета для каждого столбца в диаграмме?
- 12. Как установить индивидуальный цвет для маркера в Jqplot
- 13. Как добавить заголовок оси категории в диаграммах акций amcharts
- 14. Как сопоставить индивидуальный путь к аллювиальной диаграмме?
- 15. Всегда показывать базовый уровень в диаграмме amCharts?
- 16. Индивидуальный цвет UITabBaritem оттенок
- 17. Как установить индивидуальный цвет для каждого треугольника WebGL?
- 18. Как установить каждый индивидуальный ответ ученика на отдельный цвет
- 19. Индивидуальный поиск столбцов в определенных столбцах, DataTable
- 20. Как установить цвет фона в диаграмме в xlsxwriter
- 21. Как установить цвет первого столбца элемента Listview?
- 22. Установить цвет фона для столбца
- 23. Как использовать несколько наборов данных в amCharts?
- 24. Индивидуальный цвет текста внутри tabwidget
- 25. AmCharts Цвет маркера, когда отрицательный
- 26. amCharts: динамически меняющийся цвет пули
- 27. Как свести к минимуму пространство между столбцами в диаграмме столбцов amCharts?
- 28. Индивидуальный цвет на делегате progressbar
- 29. Bootstrap Индивидуальный входной цвет фокуса
- 30. Как добавить настраиваемые маркеры в диаграмме области amCharts?
Fiddle ссылка http://jsfiddle.net/rbz7312m/ – Sourav
https://www.amcharts.com/kbase/automatically-apply-theme-colors-to -each-individual-column/ – Mahi
@Mahi - у вас есть правильная идея, но она немного замаскирует детали, поскольку она реализует плагин для применения цветов тем оформления к каждому столбцу, что делает его немного излишним для того, что он пытается сделать. Вам также необходимо выполнить дополнительный шаг при использовании биржевых диаграмм, как объясняется в моем ответе ниже. – xorspark