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,建议直接试试,配置少,效果好。
18.37KB
文件大小:
评论区