Echarts 系列之复制粘贴大法

最新推荐文章于 2024-01-19 17:00:43 发布

weixin_33882443

最新推荐文章于 2024-01-19 17:00:43 发布

阅读量3.1k

点赞数

文章标签： javascript json 人工智能 ViewUI

原文链接：https://juejin.im/post/5c19092c6fb9a049e06344f7

版权

本文是关于Echarts饼图的复制粘贴大法，包括Doughnut Chart、Referer of a website和Nested Pies的改造过程，提供官方链接、仓库地址和预览地址，适合开发者快速定制图表。

摘要由CSDN通过智能技术生成

Echarts 系列之复制粘贴大法

最近在耍 Echarts 稍微有点小经验，写(熬)篇文章记录一下下~

话不多说，直接开始(开始复制粘贴) hhhhh~~

开发中也有找类似的图表直接修改附上链接官方链接 > 社区-GALLERY

仓库地址预览地址文章地址

饼图

Doughnut Chart

链接

官方给出了 demo 其实也还挺好看的，只是不适合直接放在业务里面(需要变变色，变色大小什么的)

让我们一步步改造他吧。

let json = {
  ...
   legend: {
     ...
    icon: "circle",  // legend icon形状 也可以自定义
  },
  series: [{
    name: "甜甜圈",
    type: "pie",
    radius: ["30%", "60%"], // 'radius' 扇区圆心角展现数据的百分比，半径展现数据的大小。
    center: ["50%",