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

相关推荐
梅子酱~19 分钟前
Vue 学习随笔系列二十三 -- el-date-picker 组件
前端·vue.js·学习
伟笑21 分钟前
elementUI 循环出来的表单,怎么做表单校验?
前端·javascript·elementui
辣辣y22 分钟前
React中useMemo和useCallback的作用:
前端·react
Alice-YUE42 分钟前
【HTML5学习笔记1】html标签(上)
前端·笔记·学习·html·html5
Alice-YUE44 分钟前
【HTML5学习笔记2】html标签(下)
前端·笔记·html·html5
确实菜,真的爱44 分钟前
electron进程通信
前端·javascript·electron
!win !2 小时前
uni-app小程序登录后…
前端·uni-app
Nightne2 小时前
CSS图片垂直居中问题解决方案
前端·css
魔术师ID2 小时前
vue 指令
前端·javascript·vue.js
凌冰_2 小时前
CSS3 变形
前端·css·css3