更改比较多个系列高库存中的y轴值以显示点值而不是百分比变化值

时间:2018-09-07 17:08:35

标签: javascript highcharts

嗨,我正在使用Highstock图表compare

    Highcharts.stockChart('container', {

        rangeSelector: {
            selected: 4
        },

        yAxis: {
            labels: {
                formatter: function () {
                    return (this.value > 0 ? ' + ' : '') + this.value + '%';
                }
            },
            plotLines: [{
                value: 0,
                width: 2,
                color: 'silver'
            }]
        },

        plotOptions: {
            series: {
                compare: 'percent',
                showInNavigator: true
            }
        },

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

        series: seriesOptions
    });
}

enter image description here

我们可以看到y轴的值为0%,20%,40%,我们是否可以用代表点值point.y(如50,100,150)的值代替point.change(0% yAxis中的,20%,40%,)。

要求是显示实际值,而不是显示yAxis中的百分比变化。

labels: {
            formatter: function () {
                return (this.value > 0 ? ' + ' : '') + this.value + '%';
            }
        },

我认为当前yAxis标签中的this.value是百分比变化point.change,我们可以显示代表point.y的值吗?

这可能吗

请注意,不应对y轴值进行硬编码

1 个答案:

答案 0 :(得分:0)

像这样更改series

plotOptions: {
  series: {
    //compare: 'percent',
    compare: 'value',
    showInNavigator: true
  }
},

Fiddle