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代表百分比

相关推荐
llz_1122 小时前
web-第二次课后作业
前端·后端·web
vipbic7 小时前
别再把“做个H5”挂嘴边了:这个词,官方压根就没有定义过
前端
ZC跨境爬虫8 小时前
跟着 MDN 学CSS day_39:(Flexbox 弹性盒子核心机制)
前端·css·ui·html·tensorflow
小陈同学呦8 小时前
前端如何处理订单状态导航的数据竞态问题
前端·javascript
喵个咪9 小时前
GoWind Toolkit 前端代码生成|Vue3(ElementPlus/Vben)、React(AntDesign)全自动一键生成教程
前端·vue.js·react.js
摆烂大大王10 小时前
玩转 OpenClaw:用 TaskFlow + Heartbeat 打造自动化工作流
前端·人工智能·自动化
zhangxingchao10 小时前
AI 大模型核心六:量化、Workflow 与 Agent、多轮 RAG
前端·人工智能·后端
梦想的颜色10 小时前
TypeScript 完全指南(上):从零开始掌握类型系统
前端·typescript
之歆11 小时前
Day01_ES6+ 专业指南:从基础到实战的现代JavaScript开发(下)
前端·javascript·es6
lichenyang45311 小时前
鸿蒙 MVVM 实战:从 Demo 到工程化,聊聊登录、状态管理与埋点系统设计
前端