前端_echarts学习笔记_(2)基础饼图结构

最新推荐文章于 2024-05-17 03:34:12 发布

Lemon_QAQ_

最新推荐文章于 2024-05-17 03:34:12 发布

阅读量308

点赞数

分类专栏： echarts 文章标签： echarts 前端学习

本文链接：https://blog.csdn.net/qq_36480656/article/details/125243461

版权

<template>
  <div class="echartsPos" ref="echartsPos"></div>
</template>

<script>
import * as echarts from "echarts"
export default {
  mounted() {
    let option = {
      series: [
        {
          name: "Access From",
          type: "pie",
          radius: ["40%", "70%"],//'70%'
          label: {
            show: true,
            position: "inside",
          },
          emphasis: {
            label: {
              show: true,
              fontSize: "20",
              fontWeight: "bold",
            },
          },
          data: [
            { value: 1048, name: "Search Engine" },
            { value: 735, name: "Direct" },
            { value: 580, name: "Email" },
          ],
        },
      ],
      color:['rgb(0,215,26)','rgb(23,215,207)','rgb(50,215,