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

相关推荐
2501_944424123 小时前
Flutter for OpenHarmony游戏集合App实战之连连看路径连线
android·开发语言·前端·javascript·flutter·游戏·php
search710 小时前
前端设计:CRG 3--CDC error
前端
治金的blog10 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大11 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
荔枝一杯酸牛奶12 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll13 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im13 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜13 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
GISer_Jing14 小时前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs
GIS之路16 小时前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化