4

マウス ホバーの上に表示されるツールチップ ボックス内にカスタム統計データ行を追加したいと考えています。私が学んだ限りでは、と呼ばれるオブジェクト配列内のデータのみが表示されseries:ますtooltip:。

ツールチップごとに区切られた値を持つカスタムデータを（ツールチップボックスに）入れたいだけです（一般的なものではありません）。

例:
バー 1 ========================== 41%Tooltip: Water: 7.86%
バー 2 ============== === 33%Tooltip: Salt: 5.2%, Water: 80%
バー 3 ====================== 35%Tooltip: Caffeine: 51%, Alcohol: 31%, Water: 4%

各バーのツールチップ項目と値は異なります。どうやって？

4

1 に答える 1

9

この情報はseries、次のように に保存できます。

{
    type: 'bar',
    name: 'Bar3',
    composition: {
        'Caffeine': '51%',
        'Alcohol': '31%',
        'Water': '4%'
    },
    data: [35]
}

次に、ツールチップ フォーマッタを使用して取得できます。thisシリーズの参考にどうぞ。

tooltip: {
    formatter: function() {
        console.log(this.series.options.composition);
    }
}

次に、必要に応じてテキストをフォーマットするだけです。

デモ

参照：

于 2012-05-15T04:30:40.463 に答える