2017-09-07 20 views
0

ハイチャートを使用してドーナツチャートを表示していますが、現在はタイトルを取得しています。 'Transactions'だがその下にあるが、依然として真ん中には、シリーズ値の総数を8,173.99ユーロにする必要がある。私は、次のコードが動作するだろうと思った:ハイチャートのドーナツチャートのシリーズ値の合計を表示する方法

events: { 
    load: function(event) { 
    var total = 0; // get total of data 
    for (var i = 0, len = this.series[0].yData.length; i < len; i++) { 
     total += this.series[0].this.y[i]; 
    } 
    var text = this.renderer.text(
     'Total: ' + total, 
     this.plotLeft, 
     this.plotTop - 20 
    ).attr({ 
     zIndex: 5 
     }).add() 
    } 
}, 

私はエラーを表示しないが、その後、再び合計が表示されていません。私が間違っていることを誰かが助けてくれますか? ありがとうございました! あなたはここにhttp://jsfiddle.net/tobitobetoby/1fqvzpdn/3/

+0

あなたはhttps://stackoverflow.com/q/17286457/3898339 –

答えて

1

eventsオブジェクトがchartオブジェクトの内部に配置する必要がありますJSFiddleを見ることができます。 「Total」情報の追加は、Chart.setTitle()機能を使ってロードイベントのタイトルを設定するのが良いアイデアだと個人的に思っています。以下の例を見てください。

APIリファレンス:
http://api.highcharts.com/highcharts/Chart.setTitle

例:
http://jsfiddle.net/yt5pj3yf/

+0

からアイデアを取ることができますあなたの答えをありがとう!しかし、あなたは合計が8173.99の代わりに8273.99として表示されていることに気づいたことがありますか(これは正しい合計です)?あなたはこの誤算の原因を知っていますか? –

+0

私がチェックしたところから、値の合計は正しいです。 –

+0

凡例のクリックに基づいて表示される合計を変更する方法はありますか? –

関連する問題