echarts使用，一次实例的心得

<template>
  <div>
    <div class="charts" ref="charts" :style="{'height': height}"></div>
  </div>
</template>

<script type="text/ecmascript-6">
  import echarts from 'echarts'
  import {event} from 'common/js/event'
  //波浪折线图
  export default {
    props:{
      title: {
        type: String,
        default: '默认标题'
      },
      xAxisDataArr: { //X轴数据
        type: Array,
        default: () => { return ['周一','周二','周三','周四','周五','周六','周日']}
      },
      seriesDataArr: {  //数据
        type: Array,
        default: () => { return [120, 132, 101, 134, 90, 230, 210] }
      },
      color: {  //颜色
        type: String,
        default: '#0076fe'
      },
      bgColor: {
        type: String,
        default: '#d1e3f8'
      },
      smooth: {   //true 平滑  false折线
        type: Boolean,
        default: true
      },
      fontSize: {
        type: Number,
        default: 12,
      },
      fontColor: {
        type: String,
        default: '#444'
      },
      fontWeight: {
        type: String,
        default: 'bold'
      },
      height: {
        type: String,
        default: '200px'
      },
      dataZoom: { //滑动
        type: Boolean,
        default: false
      },
      showLine: {  //是否显示横向网格线
        type: Boo