vue echarts柱形图动态效果

图例只截取了一点点

<template>
  <div id="multipleXAxes" :style="{ width: '100%', height: '100%' }"></div>
</template>



<script>
import echarts from "echarts";

export default {
   
  name: "hello",
  data() {
   
    return {
   
      msg: "Welcome to Your Vue.js App"
    };
  },
  mounted() {
   
    this.drawLine();
  },
  methods: {
   
    drawLine() {
   
      var app = {
   };
      var option = null;
      // Generate data
      var category = [
        "市区",
        "万州",
        "江北",
        "南岸",
        "北碚",
        "綦南",
        "长寿",
        "永川",
        "璧山",
        "江津",
        "城口",
        "大足",
        "垫江",
        "丰都",
        "奉节",
        "合川",
        "江津区",
        "开州",
        "南川",
        "彭水",
        "黔江",
        "石柱",
        "铜梁",
        "潼南",
        "巫山",
        "巫溪",
        "武隆",
        "秀山",
        "酉阳",
        "云阳",
        "忠县",
        "川东",
        "检修"
      ];
      var dottedBase = [];
      var lineData = [
        18092,
        20728,
        24045,
        28348,
        32808,
        36097,
        398