javascript - Amcharts 4 饼图上的真棒字体或图标

标签 javascript amcharts

如何在 amcharts 4 饼图上添加 Font Awesome 图标作为标签?

这是我的 codepen.io/emiks/pen/bZLeLM

PS: 不能做链接,抱歉

最佳答案

您可以在模板标签上使用html 属性。您还可以在那里使用图标占位符 {icon}:

pieSeries.labels.template.html = '<i class="fas {icon}"></i>';

这将产生以下图表:

chart with icons

我fork了你的code pen并更新了它here .

编辑:

要更改图标的大小,您可以使用 font-awesome 大小类:fa-2xfa-3x、...

关于javascript - Amcharts 4 饼图上的真棒字体或图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55160955/

相关文章:

javascript - Raphael.js 文本值动画

javascript - 在不丢失缩放控制的情况下更新 amMap 中的图像 - AmCharts v4

javascript - 通过图例可以用 Amcharts 隐藏列吗?

reactjs - 如何设置Amcharts 4滚动条颜色?

javascript - amCharts map 在页面刷新时未加载圆圈

javascript - Jquery easyTicker 无法正常工作

javascript - 将多个选择选项文本传递给文本区域

javascript - 我可以在 Internet Explorer 11 的调试器中修改 Javascript 代码吗?

javascript - 使用 JavaScript 时,如果某个值是 "not defined",这意味着什么?

javascript - 如何从 Amcharts-Stockchart 中删除 Thousand 'k' 后缀