* Highcharts *组合图表的工具提示格式化程序

时间:2015-12-01 12:00:33

标签: javascript highcharts tooltip

我有一个合并百分比列和折线图,有两个y轴。柱形图我使用绝对值绘制,折线图使用百分比值,我有一个这样的工具提示:

pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.percentage:.1f}%</b> ({point.y})<br/>',
shared: true

当我使用此工具提示时,它显示我的百分比柱形图的正确格式:百分比值(绝对值)但行图表的格式错误,显示如下:0.0%(百分比值)。如何格式化我的工具提示,以便它可以显示百分比柱形图的百分比值,如其显示,但在折线图中,它仅显示此时的值,该值已经是百分比值。

我的jsfiddle:http://jsfiddle.net/3d406av3/2/

1 个答案:

答案 0 :(得分:0)

您可以在系列级别设置tooltip.pointFormathttp://jsfiddle.net/3d406av3/3/

例如:

{
    type:'line',
    name: 'Suzo',
    tooltip: {
        pointFormat: '<span style="color:{series.color}">{series.name}: </span>{point.y}<br/>',
    },
    yAxis:1,
    data: [123, 11, 14, 66, 44]
}