Chart.js插件1.0.0在饼图和甜甜圈图中显示百分比、数值或标签

Chart.js 的标签插件chartjs-plugin-labels,在饼图、甜甜圈图上加个百分比标签,效果立马清晰不少。图表一多,有时候看颜色真挺累人,加个数值,一目了然。

插件用起来也简单,支持显示百分比、数值、原始标签三种样式,配置项也比较灵活,比如你可以设定显示的位置是图内还是图外、字体大小、颜色这些。默认就能用,想自定义也不麻烦。

你只要在项目里引入下面这个 CDN 链接就能跑起来:

https://cdn.jsdelivr.net/gh/emn178/chartjs-plugin-labels/src/chartjs-plugin-labels.js

也可以装在项目里,比如用npm

npm install chartjs-plugin-labels

插件的更新节奏也挺快,从v0.7.0开始有些旧的配置被弃用了,v1.0.0改动还蛮大,用的时候注意查下对应版本的文档。

,做饼图、极地图的时候,加个chartjs-plugin-labels,展示更直观,交互更友好。如果你在用 Chart.js,建议直接试试,配置少,效果好。

zip 文件大小:18.37KB