javascript - 使 StockCharts 中的工具提示与 HighCharts 中的行为相同

Question

如何让 StockChart 工具提示的行为与 HighCharts 中的相同？

如果您查看 fiddle ，在股票图表中，光标移动到鼠标位置，就像在“图表”实例中一样，工具提示会捕捉到最近的点。

这是 fiddle :

http://jsfiddle.net/gn393/

$(function () {
    var chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container1'
        },

        tooltip: {
            positioner: function (w,h,p) {
                return { x: p.plotX + chart.plotLeft, y: p.plotY + chart.plotTop };
            }
        },

        series: [{type:"area",
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }, {
            data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]        
        }]
    });
});

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container2'
        },

        tooltip: {
            positioner: function (w,h,p) {
                return { x: p.plotX + chart.plotLeft, y: p.plotY + chart.plotTop };
            }
        },

        series: [{type:"area",
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }, {
            data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]        
        }]
    });
});

我需要工具提示捕捉到 StockChart 上最近的点。

Answer 1

这就是共享工具提示在 Highcharts 中的工作方式。您需要禁用它 (shared: false)，以获得所需的结果，请查看:http://jsfiddle.net/gn393/1/