问题描述
作为我的Highchart POC的一部分,我正在努力实现改变a
但是单击事件仅不触发,在负载下我实现了标签颜色,但是我想在单击事件上的同一件事上做到这一点
https://stackblitz.com/edit/highcharts-angular-demo-t8pmf4?embed=1&file=src/app/app.component.ts
任何人都可以帮助我或建议我
按照下面提供的解决方案,我达到了50% https://stackblitz.com/edit/highcharts-angular-demo-z84bav?embed=1&file=src/app/app.component.ts
但是如何更改标签颜色??
预先感谢
解决方法
events
应该位于labels
对象中,现在您的点击处理程序将触发。
xAxis: {
categories: ["4-10/10","11-17/10","18-24/10","25-31/10"],labels: {
formatter: function() {
if ("18-24/10" === this.value) {
return '<span style="fill: red;">' + this.value + "</span>";
} else {
return this.value;
}
},events: {
click: function() {
console.log("click");
}
}
},
,
要添加vector
事件并在事件中更改颜色,请使用以下代码:
click
实时示例: http://jsfiddle.net/BlackLabel/1nyk6c5b/
文档: https://www.highcharts.com/plugin-registry/single/15/Custom-Events