Highstock 和 XRange - 工具提示问题

Question

我用 Highstock 和 XRange 绘制了一些数据。

示例：https://jsfiddle.net/ihtus/efh5zdp3/15/

问题：当 2 个栏具有相同的开始时间戳时，将鼠标悬停在上部栏上 => 工具提示显示错误的底部栏。

如何解决？

• 鼠标悬停在上栏 => 显示上栏（蓝色栏）的工具提示
• 鼠标悬停在底部栏上 => 显示底部栏的工具提示（绿色栏）

Highcharts.stockChart('container', {
chart: {
    type: 'xrange'
},
title: {
    text: 'Highcharts X-range'
},
xAxis: {
    type: 'datetime'
},
yAxis: {
    title: {
        text: ''
    },
    categories: ['Prototyping', 'Development', 'Testing'],
    reversed: true
},
tooltip: {
    crosshairs: false,
  useHTML: true,
        formatter: function () {
            return this.yCategory;
        }
},
series: [{
    name: 'Project 1',
    // pointPadding: 0,
    // groupPadding: 0,
    borderColor: 'gray',
    pointWidth: 20,
    data: [{
        x: '2014-11-21',
        x2: '2014-12-02',
        y: 0,
        partialFill: 0.25
    },
    {
        x: '2014-12-02',
        x2: '2014-12-05',
        y: 1
    },
    {
        x: '2014-12-07',
        x2: '2014-12-08',
        y: 2
    }, 
            {
        x: '2014-12-07',
        x2: '2014-12-08',
        y: 1
    },
    {
        x: '2014-12-09',
        x2: '2014-12-19',
        y: 1
    },
    {
        x: '2014-12-10',
        x2: '2014-12-23',
        y: 2
    }],
    dataLabels: {
        enabled: true
    }
}]

});

Answer 1

在此设置中，如果您使用 stockChart，则需要禁用 tooltip.split，该功能在 stock 上默认启用，请参阅 API 参考。