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

相关推荐
RaidenLiu3 分钟前
从 Provider 迈向 Riverpod 3:核心架构与迁移指南
前端·flutter
前端进阶者3 分钟前
electron-vite_18Less和Sass共用样式指定
前端
数字人直播6 分钟前
稳了!青否数字人分享3大精细化AI直播搭建方案!
前端·后端
江城开朗的豌豆8 分钟前
我在项目中这样处理useEffect依赖引用类型,同事直呼内行
前端·javascript·react.js
听风的码11 分钟前
Vue2封装Axios
开发语言·前端·javascript·vue.js
转转技术团队12 分钟前
前端安全防御策略
前端
掘金一周18 分钟前
被老板逼出来的“表格生成器”:一个前端的自救之路| 掘金一周 8.21
前端·人工智能·后端
cc_z24 分钟前
vue代码优化
前端·vue.js
龙在天27 分钟前
你只会console.log就Out了
前端
用户6817224572128 分钟前
h5实现点击电话进入拨打电话功能
前端