javascript - 格式化 highcharts 工具提示

Question

我的值(value)观是:

series: [{
        name: 'name1',
        data: data1,
        data2: data2,
        stack: 'normal'
    }, {
        name: 'name2',
        data: data3,
        data2: data4,
        stack: 'normal'
    }]

现在我需要做工具提示，但我不知道如何更改这里的值:

      headerFormat: '<table id="tablaTooltip"><tr>{point.x}</tr>',
      pointFormat: '<tr><td><span style="color: {series.color}"><i class="fa fa-square"></i></span>{series.name}:</td><td style="text-align: right">{point.y}</td></tr>',
      footerFormat: '</table>',

Point.y和data一样，但是我需要show data2。

谢谢!

Answer 1

由于 data2 是您的自定义数据而不是 highcarts 默认值，因此您必须手动检索它。我假设 data1 和 data2 的大小相同，现在你知道 data2 的位置了

tooltip: {    
    formatter: function() {
       var point = this.point;
       point.y2 = this.series.options.data2[point.index];
       return '<b>my data1 point: ' + point.y + '<br/> my data2 point: ' + point.y2;
    }    
}