highcharts - Highstock/Highcharts 上每一行的不同后缀

标签 highcharts highstock

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

现在我有 3 行,我正在尝试更改每行的后缀,但我只能使用格式化程序功能找到它。

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

我的意思是,像改变颜色这样的简单方法,我们可以简单地做:

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

最佳答案

我想这就是你想要的。您可以在每个系列上指定 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。

关于highcharts - Highstock/Highcharts 上每一行的不同后缀,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15667749/

相关文章:

javascript - 如何修复 Highcharts 错误 #13?

highcharts - 通过单击图例隐藏所有系列时的图表呈现问题

javascript - highcharts 日期时间点与 xaxis 的错误对齐

highcharts - Highcharts 对数刻度?

javascript - Highcharts 避免工具提示上出现 "jump effect"和 "shared:true"

javascript - 使用 Highcharts.js 绘制动态添加的数组元素

javascript - 如何向 Highcharts 中的列底部添加附加标签?

javascript - Highcharts - 具有居中步长的连续线(在第一个点之前开始)

javascript - 如何在悬停在 Highcharts JAVASCRIPT 上时去除外部阴影