如何在amCharts中设置点击柱形图的颜色?
How to Set Color of Column Graph On Click in 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);
这没有用,我找不到任何相关示例。我看到了一个地图示例,但图表对象的工作方式不同。
请指教
您需要直接访问 SVG 元素并更改它的 fill/stroke 颜色,在您的事件回调中按如下方式访问
event.item.bulletGraphics.node
http://codepen.io/amcharts/pen/3abea07c9fd4c1f44d3523d3dd80d489
我正在尝试更改柱形图中所选列的颜色(使用 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);
这没有用,我找不到任何相关示例。我看到了一个地图示例,但图表对象的工作方式不同。
请指教
您需要直接访问 SVG 元素并更改它的 fill/stroke 颜色,在您的事件回调中按如下方式访问
event.item.bulletGraphics.node
http://codepen.io/amcharts/pen/3abea07c9fd4c1f44d3523d3dd80d489