相邻 Highchart 图表上的工具提示问题答案

【问题标题】：Tooltip issue on adjacent Highchart charts相邻 Highchart 图表上的工具提示问题
【发布时间】：2014-05-14 19:04:53
【问题描述】：

当您在 highcharts 中并排放置两个图表时，我注意到的一个问题是工具提示功能将适用于第一个图表，但不适用于另一个图表。我的猜测是，虽然图表“看起来”像是彼此相邻......但实际上图表 1 实际上位于图表 2 之上。一个很好的例子如下：http://jsfiddle.net/F3pts/7/

会产生相同问题的其他示例：

var options = {
    chart: {
        renderTo: 'container',
        animation: true
    },
    xAxis: [{
        type: 'datetime',
        width :320,

    }, {
        type: 'datetime',
        offset: 0,
        width :200,
        left: 380
    }],

    yAxis: [{
        lineWidth: 2,
        offset: 0,
        tooltip: {
            enabled: true,
            formatter: function () {
                return this.value;
            }
        }
    },
           ],

    series: [{
        xAxis: 0,
        name: 'Some line',
        data: [
                [Date.UTC(2010, 0, 1), 3],
                [Date.UTC(2010, 0, 2), 7],
                [Date.UTC(2010, 0, 3), 5],
                [Date.UTC(2010, 0, 6), 6],
                [Date.UTC(2010, 0, 7), 4],
                [Date.UTC(2010, 0, 8), 5]
        ],
    }, {
        name: 'bar1',
        xAxis: 1,
        data: [

                [Date.UTC(2010, 0, 1), 5],
                [Date.UTC(2010, 0, 2), 6],
                [Date.UTC(2010, 0, 3), 7],
                [Date.UTC(2010, 0, 6), 4],
                [Date.UTC(2010, 0, 7), 3],
                [Date.UTC(2010, 0, 8), 4]

        ],

    }, {
        name: 'bar2',
        xAxis: 1,
        data: [
                [Date.UTC(2010, 0, 1), 5],
                [Date.UTC(2010, 0, 2), 8],
                [Date.UTC(2010, 0, 3), 5],
                [Date.UTC(2010, 0, 6), 6],
                [Date.UTC(2010, 0, 7), 4],
                [Date.UTC(2010, 0, 8), 3]
        ],
    }]
};

var chart = new Highcharts.Chart(options);

关于如何显示所有工具提示的任何想法？如果只有其中一个可用，那有点违背了目的......

感谢您的宝贵时间

【问题讨论】：

尚未完全回答您的问题，但我不认为折线图隐藏了其他图表。你仍然可以将鼠标悬停在它们上面并看到工具提示出现：jsfiddle.net/F3pts/52... 我想你只需要多玩一点。
你好 Mike :) 我不确定问题出在哪里，我已经搞砸了很长一段时间，这就是我发布问题的原因！您说得对，尽管您仍然可以选择另一张图“后面”的曲线 - 所以问题可能仅限于工具提示。这是一个 highcharts 错误吗？

标签： javascript jquery charts highcharts

【解决方案1】：

工具提示不起作用，因为图表配置错误：

tooltip: {
    pointFormat: function () {
        return "";
    }
},

pointFormat 应该是字符串，而不是函数。

不管怎样，tooltip的位置还是有问题的，见#2062。

【讨论】：