如何突出轴？

Question

我在图表中有很多轴。

悬停在一条直线(axis-value)上时如何高亮显示轴？

line(axis-value)所属的轴需要高亮显示(鼠标悬停在line(axis-value)上时)

（突出显示 = 加粗或更改颜色）

抱歉英语不好:)

Answer 1

您可以使用 seriesHover 事件：

seriesHover: function(e) {
    var axis = e.sender.getAxis( e.series.axis);
    for (var i=0; i<e.sender.options.valueAxis.length; i++){
        if (i ==axis._axis.axisIndex){
            e.sender.options.valueAxis[i].line.width = 3;
        } else {
            e.sender.options.valueAxis[i].line.width = 1;
        }                   
    }
    e.sender.refresh();
}

从系列中可以得到关联的坐标轴，然后设置坐标轴的线宽，刷新图表。

DEMO

如何突出轴？

How to highlight the axis?

kendo-ui

kendo-chart