在Vue项目中使用Echarts: Echarts中的常用组件

下面，以使用在Vue项目中使用Echarts(一)的数据, 初始化一个折现图的组件作为演示

<template>          
    <div>
        <div id="echartContainer" style="width:800px; height:500px"></div>
    </div>
</template>
        
<script>
    const echarts = require('echarts');
    export default {
   
        name: 'line-chart',
        data () {
   
            return {
   
                
            }
        },
        mounted() {
   
            //基于准备好的dom, 初始化echarts实例
            let myChart = echarts.init(document.getElementById('echartContainer'));
            myChart.setOption({
   
                xAxis: {
   
                    data