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

*Highcharts* Tooltip formatter for a combined chart

本文关键字：工具提示 格式化 程序 Highcharts 用于 组合图      更新时间：2023-09-26

我有一个带有两个y轴的百分比柱状图和折线图。我使用绝对值绘制的柱状图和使用百分比值绘制的折线图，我有一个工具提示，如下所示：

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

当我使用此工具提示时，它显示了百分比柱状图的正确格式：百分比值（绝对值），但折线图的格式错误，它显示的内容类似于：0.0%（百分比值）。如何格式化我的工具提示，使其可以像显示百分比柱状图一样显示百分比值，但在折线图中，它只显示此时的值，该值已经是百分比值。

我的小提琴：http://jsfiddle.net/3d406av3/2/

您可以在系列级别上设置tooltip.pointFormat：http://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]
}
相关文章：