2016-09-19 25 views
1

私はangle-nvd3の円グラフを持っています。 https://krispo.github.io/angular-nvd3/#/pieChart私が持っている問題は円グラフで、私は5つのスライスを持っています。すべてのパイスライスにラベルが付いていれば、非常に一緒に見えます。私が代わりに凡例を修正するようにだけではなく、キーを表示したい、私が見せたい:角度-nvd3の円グラフで凡例のテキストをカスタマイズするにはどうすればよいですか?

<key> + <number of records in that key> 

「labelTypeは」私はスライスの円グラフのラベルに示されているものを変更することができます使用しますが、どのようにすることができます私は伝説に表示されているものを変更しますか?

答えて

1

これを行うためのAPIで何も見つかりませんでした。ここ

しかし、D3を介して、それを行うにはハックのビットは次のとおりです。

1をレンダリングした後は)DOM

2)すべてのテキスト上のforループを実行するすべてのテキストを取得します。

3)テキストのデータを取得し、内部HTMLを変更します。

dispatch: { 
    renderEnd: function(e) { 
     //for each text 
     d3.selectAll(".nv-legend text")[0].forEach(function(d){ 
     //get the data 
     var t= d3.select(d).data()[0]; 
     //set the new data in the innerhtml 
     d3.select(d).html(t.key + " - " + t.y); 
     }); 
    } 
    } 

コードhere

+0

偉大な作業が、テキストがキーよりもはるかに長い場合、それは問題でしょうか? –

関連する問題