如何突出轴?

时间:2017-03-28 10:13:41

标签: kendo-ui kendo-chart

图表中有很多轴。

如何在线上悬停时高亮显示轴(轴值)?

必须突出显示线(轴值)所属的轴(当悬停在一条线上时(轴值))

(突出显示=使用粗体或更改颜色)

抱歉英语不好:)

enter image description here

1 个答案:

答案 0 :(得分: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