echarts官网卡?

全网echarts案例资源大总结和echarts的高效使用技巧(细节版) - 掘金

复制代码
    drawnLine() {
      let myChart = echarts.init(document.getElementById("grade"));
      // 绘制图表
      myChart.setOption({
        title: {
          left: "center",
        },
        tooltip: {
          trigger: "item",
        },
        series: [
          {
            type: "pie",
            radius: ["40%", "70%"],
            labelLine: {
              normal: {
                lineStyle: {
                  color: "white",
                },
              },
            },
            color: ["#86c9f4", "#4da8ec", "#3a91d2", "#005fa6", "#315f97"],
            data: [
              { value: 335, name: "客服电话" },
              { value: 310, name: "奥迪官网" },
              { value: 234, name: "媒体曝光" },
              { value: 135, name: "质检总局" },
              { value: 105, name: "其他" },
            ],
            itemStyle: {
              normal: {
                label: {
                  show: true,
                  formatter: "{b} \n {c}",
                  textStyle: { color: "white", },
                },
              },
            },
          },
        ],
      });
    },

a代表不知道,b代表name, c代表value, d代表百分比

相关推荐
Pedantic4 分钟前
swift 日期与时间的三个结构体
前端
南方kenny4 分钟前
Mock.js:前端开发的假数据神器
前端·javascript
芹丸子4 分钟前
vue cli 创建项目一直失败
前端
鹏程十八少9 分钟前
6.android Vivo手机 指纹解锁动画 (附源码)
前端
AliciaIr9 分钟前
深入理解React Hook:useRef的底层机制与高级应用
前端·react.js
子林super9 分钟前
Linux下各种连接数配置及高并发Nginx优化
前端
Dream耀12 分钟前
CSS过渡 vs 动画:都有哪些技巧
前端·css
程思扬13 分钟前
无界设计新生态:Penpot开源平台与cpolar的云端协同创新实践
大数据·linux·服务器·前端·经验分享·ubuntu·开源
1024小神14 分钟前
Cocos游戏开发中,如何动态加载资源和远程资源 resources
前端·javascript
圆心角15 分钟前
浏览器垃圾回收机制-面试足够了
前端·浏览器·v8