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

Highcharts共享工具提示需要不同的valueSuffix和不同的小数,highcharts,Highcharts,我有一张高图,上面画着温度、风、气压和降雨量 在这里可以看到 我使用的是一个共享的工具提示,其中增加了一个复杂性,即最大雨是雨的堆叠列中的最小值和最大值的总和。目前,代码忽略了我的基于系列的后缀,我无法让单个小数工作(即,它们都显示3位小数) 每个项目都有不同的后缀(温度=(度符号)C、风=英里/小时、压力=毫巴和雨=英寸)和不同的小数位数(风=无、温度=1、压力=1和雨=3) 我目前使用的通用工具提示代码如下: tooltip: { shared : true,

我有一张高图,上面画着温度、风、气压和降雨量

在这里可以看到

我使用的是一个共享的工具提示,其中增加了一个复杂性,即最大雨是雨的堆叠列中的最小值和最大值的总和。目前,代码忽略了我的基于系列的后缀,我无法让单个小数工作(即,它们都显示3位小数)

每个项目都有不同的后缀(温度=(度符号)C、风=英里/小时、压力=毫巴和雨=英寸)和不同的小数位数(风=无、温度=1、压力=1和雨=3)

我目前使用的通用工具提示代码如下:

    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/>');
            }
    },
工具提示:{shared:true,
格式化程序:函数(){
返回“”+Highcharts.dateFormat(“%A'+',“+'%b%d'+',“+'%H'+':“+'00',this.x)+'
”+ this.points.map(函数(point,idx){ 返回“”+point.series.name+ ': ' + Highcharts.numberFormat((idx==0)?point.total:point.y,3)+ ''; }).join(“
”); } },
但是我认为我需要将这个(除了shared:true)移到基于系列的工具提示,这些工具提示使用pointFormat(特别是tooltip.ySuffix,我认为它可以让我正确指定后缀)和valueDecimals来设置每个系列的小数点,但是我找不到任何使用这些函数的代码示例

此外,一旦我离开常规工具提示,我就无法为堆叠的柱计算总计


如果有人能给我指出正确的方向,我将不胜感激。

您可以简单地为每个系列添加工具提示选项。
您可以看到以下选项。
这样你就不必为每个意甲积分设置格式

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

参考:


    • 可以使用共享工具提示并设置前缀、后缀等。您只需考虑措辞即可。使用valuePrefix而不是yprefix等

      您可以为数据中的每个系列设置它

      series: [{
              data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
              type: 'column'
      
          }, {
              data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5],
              tooltip: {
          valuePrefix: ' USD'
      }}],
      

      您可以在此处看到显示它的

      您可以为图表的工具提示指定自定义格式,然后在系列工具提示中指定值后缀和任何其他选项,然后在图表的工具提示格式设置程序功能中引用这些选项。例如:

      $('XXXX')。高图({
      ...
      工具提示:{
      格式化程序:函数(){
      var text=“”;
      $.each(this.points,函数(索引){
      text+='
      '+this.series.name+“:“+this.y+”“+this.series.tooltipOptions.valueSuffix; }); 返回文本; }, 分享:真的 }, ... }); ... chart.addSeries({ ... 工具提示:{ valueSuffix:''+系列单位, 数值小数:2 }, ...
      });谢谢,但是在这种情况下,我如何计算堆叠条的总数呢?像OP一样,我希望对格式化程序等使用共享工具提示的混合组合,然后能够覆盖个别系列级别的一些设置,这些设置是自定义的。例如,valueSuffix、valuePrefix、valueDecimals等。这似乎不适用于使用共享工具提示,并且已在共享级别工具提示设置上定义了格式设置程序。您的fiddle示例很有帮助,因为似乎对与单个系列覆盖共享的支持有限。谢谢。我有完全相同的要求。通过在共享工具提示级别重写格式化程序,我无法访问单个系列级别的工具提示重写,例如valueSuffix或valueDecimals。找到解决这个问题的办法吗?