带有居中悬停标签的 JavaScript 圆环图

Posted

技术标签:

【中文标题】带有居中悬停标签的 JavaScript 圆环图【英文标题】:JavaScript doughnut chart with centered hover label 【发布时间】:2017-04-26 09:16:33 【问题描述】:

我正在尝试使用chart.jsraphael 创建此图表。我期待,在悬停时,标签将完全显示为该图像。我用chart.js 创建了它,但无法实现内部样式和悬停功能。有人可以帮忙吗?提前致谢

这是我找到的解决方案jsfiddle.net/sajibsrs/u6rr5moq/186,但无法获取样式并实现悬停功能。

【问题讨论】:

你能在 jsfiddle 中实现这个吗? 不确定你要我做什么。 就像我在下面提供一个链接:jsfiddle.net/cmyker/u6rr5moq 哇。那很接近。我希望将居中的文本设置为图像的样式,并且在悬停时会更改。现在它显示百分比,是的,我想禁用工具提示。如果它对你来说足够清楚,请告诉我。谢谢 您应该在问题中包含到目前为止的代码。 【参考方案1】:

最后我能够解决我的问题。这是我一直在寻找的基本功能,我将进一步完善代码及其功能。

Link:https://jsfiddle.net/sajibsrs/m2a7ovje/

【讨论】:

以上是关于带有居中悬停标签的 JavaScript 圆环图的主要内容,如果未能解决你的问题,请参考以下文章

在图例圆环图的 onHover 期间更快地加载 Tooltip

圆环图标签位置

在 pyqt5 中包含带有悬停标签的 matplotlib

javascript HighCharts中的圆环图代码

Kendo UI 将圆环图的系列标签颜色更改为系列颜色

图标签中图像上的figcaption标签的居中和对齐宽度