2012-11-20 14 views
5

setDataでシリーズを変更できることがわかりましたが、.setExtremesで最大値を変更できますが、ツールチップフォーマッタの設定方法はわかりませんチャートオブジェクト フィールドを更新するにはどうすればよいですか? 私はチャートオブジェクトを持っている場合、どのようにツールチップフォーマッタプロパティを更新しますか? plotOptionsツールチップフォーマッタはどうですか?私が試してみました何チャートがレンダリングされた後、Chartオブジェクトからハイチャートのツールチップフォーマッタを変更する

:私は(テスト用)チャート定義の後にあることを追加したとき

chart1.tooltip.formatter = function() {return ''+this.series.name +'example: '+ this.y  +'example';}; 

が、何も私のツールチップに変更しました。 はまた、私はこの

console.log (chart1.tooltip.formatter); 

リターンが未定義と指摘、私はなぜ知りません。

フィドルので試してみることができます。

http://jsfiddle.net/pCuUW/5/ ありがとうございます。

答えて

12

あなたは

chart.tooltip.options.formatter = function() { 
    var xyArr=[]; 
    $.each(this.points,function(){ 
     xyArr.push('Serie: ' + this.series.name + ', ' +'X: ' + this.x + ', Y: ' +this.y); 
    }); 
    return xyArr.join('<br/>'); 
} 

Changing tooltip formatter dynamically | Highchart & Highstock @ jsFiddle

UPDATEのように、代わりにchart.tooltip.options.formatterを使用することができて 新しい(5.0.0+)highchartsのバージョンでは、これもchart.update()方法を使用して行うことができます

chart.update({ 
    tooltip: { 
     formatter: function() { 
     var xyArr = []; 
     $.each(this.points, function() { 
      xyArr.push('Serie: ' + this.series.name + ', ' + 'X: ' + this.x + ', Y: ' + this.y); 
     }); 
     return xyArr.join('<br/>'); 
     } 
    } 
    }); 

Changing tooltip formatter dynamically with chart.update | Highchart & Highstock @ jsFiddle

関連する問題