vue中Echarts柱状图渐变

echarts的中文文档地址：https://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

先来张效果图：

安装echarts

你可以使用如下命令通过 npm 安装 ECharts

npm install echarts --save

在main.js中加入：

       import echarts from 'echarts'

      Vue.prototype.$echarts = echarts

具体代码

<template>
     <div>
        <div id="myChart" ref="myChart" :style="{width: '800px', height: '300px'}"></div>
        
      </div>
</template>
<script>
import echarts from 'echarts';
  export default {