如何在饼图中为angular-nvd3自定义图例文字?

时间:2016-09-19 19:47:42

标签: d3.js nvd3.js angular-nvd3

我在angular-nvd3中有一个饼图。 https://krispo.github.io/angular-nvd3/#/pieChart我遇到的问题是饼图,我有5个切片,当所有的切片都贴上标签时,它看起来非常紧密。我想修改图例,以便不是只显示键,而是显示:

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

使用“labelType”我可以更改切片饼图标签上显示的内容,但是如何更改图例中显示的内容?

1 个答案:

答案 0 :(得分:2)

无法在API中找到任何内容来执行此操作。

但是通过d3来做这件事有点麻烦:

渲染后

1)获取所有文本DOM

2)在所有文本上运行for循环。

3)获取文本数据并更改内部HTML。

$eventDate = DateTime::createFromFormat('m/y', '08/17');
echo date_format($eventDate, 'Y-m');

工作代码here