vue中echarts的使用

安装：

npm install echarts --save

配置（可单独建个echarts.js文件）：

var echarts = require('echarts');

export const initCharts = (id,data)=>{
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(id));
    // 绘制图表
    console.log(myChart)
    myChart.setOption({
        tooltip: {},
        legend: {},
        dataset: {
            source: data,
        },
        xAxis: {
            type: 'category',
            axisLabel:{
                interval:0,
                // rotate:'-30',     x轴标签文字过多时优化，文字旋转度数，范围[-90,90]
            }
        },
        yAxis: {},
        series: [
                {type: 'bar'},
                {type: 'bar'},
                {type: 'bar'},
                {type: 'bar'},
                {type: 'bar'},
                {type: 'bar'},
                {type: 'bar'},
            ]
    });
}
```

引入：
import { initCharts } from '../../assets/js/echarts.js';  //路径视自己放置文件位置而定
使用：
initCharts('charts',charData)
1. charts 为dom的id 
2. charData为二位数组数据，有两种数据格式，数据格式详见：[https://echarts.apache.org/zh/option.html#dataset.source](https://echarts.apache.org/zh/option.html#dataset.source)