有没有一种简单的方法可以在每行上使用不同的后缀值?
现在我有 3 行,我正在尝试更改每行的后缀,但我只能使用 formatter 函数找到它。
但是,如果我使用格式化程序功能,我需要编辑每个工具提示,使其像默认的一样,我不知道默认格式。
我的意思是,一种简单的方法,比如改变颜色,我们可以简单地做:
{
name: 'First line',
type: 'line',
color: '#33CC66',
zIndex: 0,
data: [ ... ]
}
有没有一种简单的方法可以在每行上使用不同的后缀值?
现在我有 3 行,我正在尝试更改每行的后缀,但我只能使用 formatter 函数找到它。
但是,如果我使用格式化程序功能,我需要编辑每个工具提示,使其像默认的一样,我不知道默认格式。
我的意思是,一种简单的方法,比如改变颜色,我们可以简单地做:
{
name: 'First line',
type: 'line',
color: '#33CC66',
zIndex: 0,
data: [ ... ]
}
我想这就是你想要的。您可以在每个系列上指定 tooltip 属性并使用 valueSuffix :
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 的方式。