javascript - 工具提示中 yaxis 值之间的 Highcharts 变化 (%)

Question

我有一个非常简单的样条图，我试图在每个工具提示上显示所选点和前一个点的值之间的变化，以百分比变化衡量。基本上 this 是我要显示的工具提示格式

我一直在寻找解决方案，但我唯一想到的是 this .

希望对您有所帮助。

这是我的图表选项:

GeneralChartOptions = {

    chart: {
        renderTo: 'dummycontainer',
        type: 'spline',
        zoomType: 'x',
        spacingRight: 20
    },
    credits: {
        enabled: false
    },
    title: {
        text: ''
    },
    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            month: '%b \'%y',
            year: '%b'
        }
    },
    yAxis: {
        title: {
            text: ''
        },
        plotLines: []
    },
    tooltip: {
        xDateFormat: '%m-%Y',
        shared: true, 
        crosshairs: true,
    },
    exporting: {
        enabled: false
    },
    labels: {
       formatter: function() {
          return Highcharts.numberFormat(this.value, 2,".",",");

       }
    },
    series: []
}

谢谢你的帮助，我真的很感激。

Answer 1

看看他们是怎么做的，然后试试看如何？

tooltip: {
    pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>',
    valueDecimals: 2
},

plotOptions: {
    series: {
        compare: 'percent'
    }
}

demo