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;
    }
}

demo1

共有ツールチップ：

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;
    }
}

demo2