highcharts - 如何在同一图形的每条曲线中在 Highcharts 上使用不同的格式化程序？

Question

我正在使用 Highcharts，我想为工具提示中显示的数字使用不同的格式化程序，用于同一图形中的每条曲线。谢谢

Answer 1

首先，您必须存储您的系列工具提示文本。您可以使用以下示例执行此操作：

.
.
.
series: [{
    'name': 'serie 1',
    'data': serieData, // use your array of data
    'tooltipText': 'text 1' // text which will be inside the tooltip
}]
.
.
.

然后，您必须在意式工具提示中获取工具提示文本。

未共享工具提示：

tooltip: {
    shared: false,
    formatter: function() {
        return this.series.options.tooltipText + '<br>' + // return stored text
                'Value: ' + this.y;
    }
}

演示1

共享工具提示：

tooltip: {
    formatter: function() {
        var tooltip = '';
        for(var i = 0, length = this.points.length; i < length; i++) {
            var point = this.points[i];
            tooltip += point.series.options.tooltipText + '<br>' +
                    'Value: ' + point.y + '<br>';
        }
        return tooltip;
    }
}

演示2