javascript - Highcharts 十字准线，轴上带有标签

Question

是否可以制作 highcharts 十字准线，以在单独的标签中的轴上显示实际值？

API 中的常规十字准线示例不会执行此操作。如果我设置

tooltip: {
        crosshairs: [true, true]
    }

，它不能满足我的需要。我需要这样的图表:

Answer 1

这是在 Highstock API 中实现的，请参阅 http://api.highcharts.com/highstock#xAxis.crosshair.label .

为了将它与 Highcharts 一起使用，只需加载 highstock.js 并初始化一个常规 Highcharts:http://jsfiddle.net/highcharts/vmyau00g/

            crosshair: {
                label: {
                    enabled: true,
                    padding: 8
                }
            }