2015-01-08 5 views
0

Я пытаюсь изменить цвет выбранного столбца в графе столбцов (построенный с использованием amCharts).Как установить цвет графа столбца на клике в amCharts?

У меня есть слушатель события на месте, как это:

function handleClick(event) { 

     event.item.graph.backgroundColor = "#3C3C3C"; // NOT WORKING 
     display_value = event.item.graph.valueField + ": " + event.item.category + ": " + event.item.values.value; 
     console.log(display_value); 

} 
chart.addListener('clickGraphItem', handleClick); 

Это не сработало, и я не мог найти соответствующий пример. Я видел пример для Карт, но объекты диаграммы работают по-разному.

Пожалуйста siggest

+0

Какого amCharts вы с помощью? диаграммы/Фондовые диаграммы/Карта? Предоставьте еще один код, чтобы лучше понять. –

+0

Обычный график. – user3422637

ответ

2

вы должны получить доступ к элементу SVG непосредственно и изменить его заполнение/цвета обводки, доступ как следующее в вашем отзыве события

event.item.bulletGraphics.node 

http://codepen.io/amcharts/pen/3abea07c9fd4c1f44d3523d3dd80d489

+0

Пробовал это. Получение объекта bulletGraphics как неопределенного. – user3422637

+1

http://codepen.io/amcharts/pen/3abea07c9fd4c1f44d3523d3dd80d489 – Maertz

+0

Большое спасибо. Пожалуйста, добавьте его в свой ответ, чтобы его можно было искать будущим посетителям. – user3422637

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