高图 - 如何在工具提示中显示2个具有2个不同值的图形

Question

我在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都是数据点

Answer 1

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

$(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]}]    
    });
});