8

有没有一种简单的方法可以在每行上使用不同的后缀值?

现在我有 3 行,我正在尝试更改每行的后缀,但我只能使用 formatter 函数找到它。

但是,如果我使用格式化程序功能,我需要编辑每个工具提示,使其像默认的一样,我不知道默认格式。

我的意思是,一种简单的方法,比如改变颜色,我们可以简单地做:

{
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 回答