【问题标题】:Customize tooltip in Highcharts.js?在 Highcharts.js 中自定义工具提示?
【发布时间】:2014-01-09 20:53:22
【问题描述】:

我有以下问题:

如何使用 Highcharts.js 自定义图表工具提示 图书馆?

感谢任何帮助。

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    如果你想自定义你的 highcharts.js 图表的工具提示,你可以定义一个 formatter 对于您的 chart_object 的 tooltip 属性,如下所示:

    var chart_object = {
    (...)
    
     tooltip: {
          formatter: function() {
                                 return '<span>' + 'My HTML ' +   this.x + '</span> : <b>' + this.y + '</b>';
                                 }
      },
    (...)
    }
    

    稍后您将使用 chart_object 来初始化您的 Highcharts 图表:

    var chart = new Highcharts.Chart(chart_object );
    

    希望对你有帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-04-22
      • 2013-06-23
      • 2011-09-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多