Highcharts共享工具提示需要不同的valueSuffix和不同的小数

Question

我有一个Highchart Graph,它描绘了温度,风,压力和降雨量.

在这里可以看到http://www.dmjsystems.co.uk/weather/forecast.php

我正在使用一个共享的工具提示,其中增加了复杂性,即最大降雨量是雨水堆积列中的最小值和最大值.目前代码忽略了我的基于系列的后缀,我无法获得单个小数点(iethey all显示3位小数).

每个项目都有不同的后缀(Temp =(度符号)C,Wind = mph,Pressure = mb和Rain = in)和不同的小数位数(Wind = none,Temp = 1,Pressure = 1和Rain = 3).

我目前正在使用一般的Tooltip编码如下:

    tooltip: { shared : true,
            formatter: function() {
            return '<span style="color:#039;font-weight:bold">' + Highcharts.dateFormat('%A' + ', ' + '%b %d' + ', ' + '%H' + ':' + '00',this.x) + '</span><br/>' +
                       this.points.map(function(point, idx) {
                           return '<span style="color:' + point.series.color + '">' + point.series.name +
                                  '</span>: <span style="color:#669;font-weight:bold">' +
                                  Highcharts.numberFormat((idx == 0) ? point.total : point.y,3) +
                                  '</span>';
                       }).join('<br/>');
            }
    },

但我认为我需要将这个(除了共享:true)移动到使用pointFormat的系列工具提示(特别是tooltip.ySuffix,我认为这将让我正确指定后缀)和valueDecimals来设置每个系列的小数点,但是我找不到任何使用这些函数的代码示例.

另外,一旦我离开一般工具提示,我就无法得到累计列的总计.

如果有人能指出我正确的方向,我会很感激.

Answer 1

您可以简单地为每个系列添加工具提示选项.
您可以在以下链接中查看选项.
这样您就不必格式化每个系列的点.

series: [{
    name: 'USD',
    data: yourData,
    tooltip: {
        ySuffix: ' USD',
        yDecimals: 4
    }
}, {
    name: 'EUR',
    data: yourData,
    tooltip: {
        yPrefix: 'EUR ',
        yDecimals: 1
    }
}]

演示

参考:

• Highcharts工具提示