highcharts - Highcharts 改变工具提示的外观

Question

对于我的项目，我需要更改工具提示的外观。我在 api 文档中发现，将 useHTML 设置为 true，但这没有帮助。

这是我的例子：

tooltip: {
          borderWidth: 0,
          style: {
              padding: 0
          },
          useHTML: true,

          formatter: function(){
              return '<div style="float:left"><small>' + this.series.name + 
                     '</small></div><br/><div style="float:left;">test:</div>' + 
                     '<div style="float:left;padding-left: 30px;"><b>' +
                     this.point.test + 
                     '</b></div>';
              }


          }

http://jsfiddle.net/6tc6T/147/

Answer 1

将工具提示移出 plotOptions http://jsfiddle.net/ahZWS/。

    var options = {

        ...

        legend: {
            enabled: false
        },
        tooltip: {
            borderWidth: 0,
            style: {
                padding: 0
            },
            useHTML: true,

            formatter: function(){
                return '<div style="float:left"><small>' + this.series.name + 
                    '</small></div><br/><div style="float:left;">test:</div>' + 
                    '<div style="float:left;padding-left: 30px;"><b>' + this.point.test + 
                    '</b></div>';
            }


        },
        plotOptions: {
            ...
        }
        , series: seriesArr
    };