Highstock共享工具提示多个系列 - 显示不在点

时间:2016-03-02 17:31:21

标签: javascript jquery highcharts highstock

https://jsfiddle.net/zv6ymqpL/3/

series: [{
     type: 'column',
     name: 'Columns',
     data: data
}, {
     type: 'line',
     name: 'Lines',
     data: line,
     step: true
}]

当鼠标悬停在图表上时,工具提示将同时显示系列或仅显示列,因为列系列与线(2小时)相比具有更高的分辨率(1小时)。

我正在使用的图表有一个启用了步骤的系列,我想要悬停在数据点上时的工具提示以包含当前步长值(因为它是从最后一个点到下一个点的所有相同值)。

这可以在Highstock中做到吗?

1 个答案:

答案 0 :(得分:1)

您需要使用格式化程序来计算展开步骤中的值,以便考虑较低的分辨率。

docs:http://api.highcharts.com/highstock#tooltip.formatter

示例:

$(function () {
$('#container').highcharts('StockChart', {

    tooltip: {
        formatter: function () {
            var s = '<b>' + Highcharts.dateFormat('%A, %b %e, %Y', this.x) + '</b>';

            $.each(this.points, function () {
                s += '<br/>1 USD = ' + this.y + ' EUR';
            });

            return s;
        }
    },

    rangeSelector: {
        selected: 1
    },

    series: [{
        name: 'USD to EUR',
        data: usdeur
    }]
});

});

P.S。 - 如果我能看到一个样本数据集(在JSON中),我将能够计算出来。