Vue2.0+elementUI使用echarts插件

1、npm安装echarts：

    $ npm install echarts -S

2、html代码：

<template>

    <div id="chartColumn" style="width: 100%; height: 400px;">

    </div>

</template>

3. js代码：

<script>

        import echarts from 'echarts'

        export default {

            data(){

                return {

                    chartColumn: null

                }

            },

            mounted() {

                this.drawLine();

            },

            methods: {

                drawLine(){

                    this.chartColumn = echarts.init(document.getElementById('chartColumn'));

                    this.chartColumn.setOption({

                      title: { text: 'Column Chart' },

                      tooltip: {},

                      xAxis: {

                        type: 'category',

                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

                      },

                      yAxis: {

                        type: 'value'

                      },

                      series: [{

                        data: [820, 932, 901, 934, 1290, 1330, 1320],

                        type: 'line'

                      }]

                });

                }

            }

        }

    </script>

4、效果图：