将图表工具提示自定义为带有指向饼图段的线的标签

Customize chart tooltip as label with line pointing to pie segment

我想得到一个看起来像这样的图表,但用的是值而不是百分比:

Google Pie Chart

Google 图表效果很好,但据我所知,最接近的是上面的图表:

legend.position = "labeled"

但是您不能将百分比更改为值。直线也更好,但不是必须的。

我目前正在使用 charts.js 并尝试过 Google 图表。 charts.js 有工具提示自定义,但我什至不确定如何做与我的示例非常相似的事情。

有没有人知道我如何使用 charts.js 自定义这样的工具提示,或者知道一个易于使用且具有 Angular 包装器的优秀 JS 图表库? Google 图表和 Charts.js 都与 Angular 兼容,这是我的偏好——尽管不是 100% 必要。

在 google 图表中,如果您想使用值而不是百分比,您可以在图例部分使用 labeledValueText:'value',如下所示:

图例:{ 位置:'labeled', labeledValueText: 'value', 文本样式:{ 颜色:'black', 字体大小:12, } }</p> <p>参见示例:<br> <a href="https://jsfiddle.net/1pyjc5bL/1/" rel="nofollow">https://jsfiddle.net/1pyjc5bL/1/</a>