2016-12-21 6 views
0

こんにちは私は私のWebアプリケーションでng-highchartsを実装しているが、チャートのセクションの上にマウスを渡す場合、今私は、ツールチップのタイトルを変更します。 私は、例えば、この設定があります。変更tootipタイトル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); 
     } 

をし、それが動作し、それが正しいデータで、円グラフを示しているが、私はセクションの上にマウスを渡す場合には、ツールチップに正しいシリーズ名を印刷し、この場合は " foo」というか 『foo1が』、そして私の質問され、私はツールチップのために別のタイトルを設定することができますか?

答えて

0

ツールチップヘッダは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/

+0

はあなたに感謝します! :)それは働く! :) – LorenzoBerti

関連する問題