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

Question

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

Google Pie Chart

Google Charts 会很好用，但据我所知，最接近的是上面的图表:

legend.position = "labeled"

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

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

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

Answer 1

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

legend : {
position: 'labeled',
labeledValueText: 'value',
textStyle: {
color: 'black',
fontSize: 12,
}
}





See example:<br/>
<a href="https://jsfiddle.net/1pyjc5bL/1/" rel="noreferrer noopener nofollow">https://jsfiddle.net/1pyjc5bL/1/</a>