vue+element+echarts实现简单嵌套饼图+折线图+嵌套图

SmileLi_9527

于 2020-09-01 09:47:27 发布

阅读量1.9k

点赞数

分类专栏： vue 文章标签： vue js javascript css

本文链接：https://blog.csdn.net/qq_37558589/article/details/108334398

版权

本文通过Vue和Echarts展示了如何创建嵌套饼图、折线图和嵌套图。利用html和js代码，为开发者提供了一种常见的图表实现方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单的写了几个可能常用的嵌套效果图,大家可以参考一下
html代码:

<template>
  <div>
    <el-row>
      <el-col :span="8">
        <el-card>
            <div id="main2" class="pie-class"></div>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card>
            <div id="main3" class="pie-class"></div>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card>
            <div id="main4" class="pie-class"></div>
        </el-card>
      </el-col>
    </el-row>
    <el-row>
      <el-card>
          <div id