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

【问题标题】：Customize chart tooltip as label with line pointing to pie segment将图表工具提示自定义为带有指向饼图段的线的标签
【发布时间】：2015-01-29 03:09:52
【问题描述】：

我正在尝试获得一个看起来像这样的图表，但带有值而不是百分比：

谷歌图表会很好用，但据我所知，你能得到的最接近的是上面的：

legend.position = "labeled"

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

我目前正在使用 chart.js 并尝试过 Google 图表。 Charts.js 有工具提示自定义，但我什至不确定如何执行与我的示例非常相似的操作。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：