【问题标题】:*Highcharts* Tooltip formatter for a combined chart*Highcharts* 组合图表的工具提示格式化程序
【发布时间】:2015-12-01 12:00:33
【问题描述】:

我有一个带有两个 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/

【问题讨论】:

    标签: javascript highcharts tooltip


    【解决方案1】:

    您可以在系列级别上设置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]
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-03-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-04-07
      相关资源
      最近更新 更多