Question

您好我已经在我的webApp ng-highcharts中实现了，但是现在如果在图表部分传递鼠标，我将更改工具提示标题。我有这样的配置，例如：

options: {
   chart: {
      type: 'pie',
      defaultSeriesType: 'areaspline'
   },
   plotOptions: {
      pie: {
        depth: 25
      }
   }
 },
 series: [
    {
       name:'Durata interventi',
       data:[
          ['foo', 1],
          ['foo1', 2]]

       }],
       title:{
          text:"series"
       },
       loading: false,
       func: function(chart) {
          $timeout(function() {
             chart.reflow();

          }, 0);
       }

它工作，它显示饼图，具有正确的数据，但如果我将鼠标移到一个部分上，它会在工具提示上打印一个正确的系列名称，在这种情况下＆＃34; foo＆＃34;或者＆＃34; foo1＆＃34;，我的问题是，我可以为工具提示设置不同的标题吗？

Answer 1

可以通过tooltip.headerFormat更改工具提示标题。使用tooltip.formatter回调可以实现对工具提示的完全控制。

 tooltip: {
          headerFormat: 'custom header<br>',

        /*formatter: function () {
            var a = 2 + 2;
            return 'do what you want ' + a;
          }*/
        }

示例：https://jsfiddle.net/m4pcpv5g/209/

更改标签标题ng-highcharts

1 个答案: