8

各行で異なるサフィックス値を使用する簡単な方法はありますか?

現在、3行あり、それぞれのサフィックスを変更しようとしていますが、フォーマッター機能を使用してしか見つけることができませんでした。

しかし、フォーマッター機能を使用する場合、すべてのツールチップを編集する必要があり、デフォルトのものと同じようにする必要があります。デフォルトのフォーマットはわかりません。

つまり、色を変更するなどの簡単な方法で、簡単にできることは次のとおりです。

{
name: 'First line',
type: 'line',
color: '#33CC66',
zIndex: 0,
data: [ ... ]
}
4

1 に答える 1

15

これがあなたの望むものだと思います。各シリーズで tooltip 属性を指定し、 valueSuffix を使用できます。

http://jsfiddle.net/aXvcw/

        tooltip: {
            formatter : function() {
                 return this.y + ' ' +  this.series.tooltipOptions.valueSuffix;
            }
        },
        series: [{
            name: 'Rainfall',
            type: 'column',
            yAxis: 1,
            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
            tooltip: {
                valueSuffix: ' mm'
            }

        }, {
            name: 'Temperature',
            type: 'spline',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
            tooltip: {
                valueSuffix: '°C'
            }
        }]

このデモから変更: http://www.highcharts.com/demo/combo-dual-axes .

ツールチップ フォーマッタ関数も提供する必要はありませんが、デフォルト以外が必要な場合は、それによってシリーズの valueSuffix にアクセスできます。

于 2013-03-28T03:28:32.317 に答える