主要介绍了html5 canvas简单封装一个echarts实现不了的饼图的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

说明 我用echars很久了，如果出现如上图所示样式的饼图，我用echarts很难实现，官方给的文档没有这种模式的饼图。试过用d3和canvas分别画饼图，因为本人对canvas比较熟悉和d3还要引入插件，本着轻量化的原则，所以采用canvas封装。 官方饼图两种模式：（1）半径模式（2）面积模式 实现过程 （1）封装的函数如下： function drawCircle(canvasId, option) { const color_arr = option.color le