相邻高亮度图表上的工具提示问题

时间:2014-05-13 13:27:39

标签: javascript jquery charts highcharts

当你在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);

有关如何显示所有工具提示的任何想法?如果只有其中一种可用,Kinda会失败...

关心并感谢您的时间

1 个答案:

答案 0 :(得分:0)

由于配置错误的图表,工具提示不起作用:

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

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

无论如何,工具提示位置存在问题,请参阅#2062