Highcharts - 需要高级工具提示功能

Question

使用具有堆叠法线的面积图进行绘图时出现问题.我在这里问的最后一个问题是:Highcharts帮助 - 区域图表堆叠

这基本上是询问如何在不规范化数据的情况下绘制堆栈值.我被告知我可以从另一个系列中减去一个系列以使图形正确显示,但是,由于此计算,悬停时的值会出现偏差.

示例:之前:

Series Total:      [0,0,0,1,1,2,3]
Series In-Service: [0,0,0,0,0,1,2]

所以我修复了数据来绘制它:

Series Total:      [0,0,0,1,1,1,1]
Series In-Service: [0,0,0,0,0,1,2]

现在它图形很好,但工具提示错误,例如最后一个数据点应该是:

Series Total:      3
Series In-Service: 2

但它显示:

Series Total:      1
Series In-Service: 2

由于工具提示无法访问其他点,因此我们无法进行修复计算来显示它.除非我使用shared:true,但我不能使用共享,因为工具提示太大了,因为我拥有的所有系列.

如果我不清楚,请问任何问题,我真的需要一些帮助.

Answer 1

设置系列数据时使用对象列表.您可以向datapoint对象添加其他选项,并从工具提示格式化程序访问它.

有关示例,请参见http://jsfiddle.net/jgdreyes/JvSBk/.

var seriesTotal = [
    {x: 0, y: 0, customTooltip: 0},
    {x: 1, y: 0, customTooltip: 0},
    {x: 2, y: 0, customTooltip: 0},
    {x: 3, y: 1, customTooltip: 1},
    {x: 4, y: 1, customTooltip: 1},
    {x: 5, y: 1, customTooltip: 2},
    {x: 6, y: 1, customTooltip: 3}
];

var chart = new Highcharts.Chart({

    series: [
        {data: seriesTotal}
    ],

    tooltip: {
        formatter: function() {
            //access customTooltip option
            return this.point.customTooltip;
        }
    },
});