echarts的封装

1、 新建Echarts.vue

<template>
    <div ref="echart"></div>
</template>
<script>
import * as echarts from 'echarts'
export default {
   
    props:{
          //接收参数
        isAxisChart:{
        //判断是柱状图/折线图,还是饼图
            type:Boolean,
            default:true
        },
        chartData:{
          //图标的数据
            type:Object,
            default(){
   
                return{
   
                    xData:[],
                    series:[]
                }
            }
        }
    },
    data() {
   
        return {
   
            axisOptions:{
       //折线图与柱状图的配置
                legend: {
   
                // 图例文字颜色
                    textStyle: {
   
                        color: "#333",
                    },
                },
                // 图表居中
                grid: {
   
                    left: "20%",
                },
                // 提示框
                tooltip: {
   
                    trigger: "axis",
                },
                xAxis: {
   
                    type: "category", // 类目轴
                    data: [],
                    axisLine: {
   
                        lineStyle: {
   
                        color: "#17b3a3",
                        },
                    },
                    axisLabel: {
   
                        interval: 0,
                        color: