echarts label backgroundcolor 图片出不来_记录在vue中使用echarts（折线图背景渐变）...

安装echarts依赖

npm install echarts -S

创建图表，在main.js中引入

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

在组件中使用

<template>
   <div id="myChart" :style="{width: '500px', height: '500px'}"></div>
</template>

<script>
export default {
  data () {
    return {}
  },
  mounted(){
    this.drawLine();
  },
  methods: {
     drawLine() {
        let myChart= this.$echarts.init(document.getElementById('myChart')