首页 > 解决方案 > 如何在highcharts中获得相对于十字线的轴值

问题描述

我正在为时间线使用 x-range 类型的高图,有没有办法获得十字准线/鼠标悬停的轴值。

在这张图片中,十字准线在特定的持续时间之间,在此处输入图像描述但工具提示正在显示点,有没有办法在工具提示上显示当前悬停的轴点?

我已经在评论中添加了代码链接,在此先感谢

标签: javascripthighchartsgantt-chart

解决方案


Highcharts 工具提示基于系列点,改变它的工作方式需要大量定制。要解决此问题,您可以串联添加透明虚拟line系列和 dispableenableMouseTracking选项xrange。请看下面的例子:

    events: {
        load: function() {
            var newSeries = this.series[1],
                min = this.xAxis[0].min,
                max = this.xAxis[0].max,
                data = [],
                i,
                time = 60 * 1000;

            for (i = min; i < max; i += time) {
                data.push({
                    x: i,
                    y: 0
                })
            }
            newSeries.setData(data);
        }
    }

现场演示:http: //jsfiddle.net/BlackLabel/aekvnf4d/


推荐阅读