highcharts突出显示所选点(png)

时间:2017-07-17 15:04:50

标签: javascript angularjs highcharts highstock

当我的观点是png时,有没有办法突出点击点? 我试图在我的png周围加上红色,我不想将png更改为“突出显示”,但只是将css添加到我的png点。

1 个答案:

答案 0 :(得分:2)

您可以使用渲染器对象创建所需的SVG路径:

// inside point's click event callback function
var borderWidth = 5; // in px

this.series.chart.renderer.circle(this.series.xAxis.toPixels(this.x), 
this.series.yAxis.toPixels(this.y), marker.width / 2 + borderWidth).attr({fill: 'red'}).add();

示例:https://jsfiddle.net/kkulig/as9kqwc0/

API参考:http://api.highcharts.com/highcharts/Renderer.circle