Echarts部分图表的使用

最新推荐文章于 2023-07-01 20:55:40 发布

前端念初

最新推荐文章于 2023-07-01 20:55:40 发布

阅读量338

点赞数

文章标签： echarts vue.js elementui

本文链接：https://blog.csdn.net/weixin_62765236/article/details/128036181

版权

源码如下所示：

<template>
  <div class="reports">
      <!-- A面包屑导航区域 -->
			<el-breadcrumb style="margin-bottom:10px" separator-class="el-icon-arrow-right">
				<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
				<el-breadcrumb-item>数据报表</el-breadcrumb-item>
                <el-button type="warning" @click="$router.push('/test1')">点我去Test1Echarts</el-button>
			</el-breadcrumb>
            <el-card>
                <el-row>
                    <el-col :span="8">
                        <el-table :data="tableData" style="width:350px">
                            <el-table-column prop="name" label="课程" width="70"></el-table-column>
                            <el-table-column prop="todayBuy" label="今日购买" width="80"></el-table-column>
                            <el-table-column prop="monthBuy" label="本月购买" width="80"></el-table-column>
                            <el-table-column prop="totalBuy" label="总购买" width="80"></el-table-column>
                        </el-table>
                    </el-col>
                    <el-