高图表 - 如何在工具提示中显示具有 2 个不同值的 2 个图形 - Highchart - how to display 2 graphs with 2 different values in tooltip

Highchart - how to display 2 graphs with 2 different values in tooltip

我在jFiddle http://jsfiddle.net/jJyXe/1/上为你准备了一些东西

我必须不同的系列。我想用两个不同的单位显示它们。因此，对于温度，它是°C，对于亮度，它是lx。我不清楚如何在工具提示中添加它...

pointFormat: '<b>{point.y}</b>',

我想这就是我可以定义它的重点吗？类似的东西

pointFormat: '<b>{point.y}</b> °C' + <b>{point.y}</b> lx',

但 point.y 都是数据点

效果很好。试试吧。只需在工具提示中添加格式化程序功能即可。它会给你确切的结果。下面的功能，

$(function () {
    var chart = new Highcharts.Chart({   
        chart: {renderTo: 'container'},
        tooltip: {
           formatter: function() {
               if(this.series.name == 'brightness')
                   var suffix = "lx";
               else
                   var suffix = "°C";
               return '<b>'+ this.series.name +'</b><br/>'+
               this.y +suffix;
           }
        },
     series: [{ name: 'brightness', data: [29.9, 71.5, 106.4]}, 
              { name: 'temperature',data: [16.4, 194.1, 95.6]}]    
    });
});