【echarts】 在vue里引入

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<template>  <div id="app">        <MyEcharts/>     </div> </template>   <script> import MyEcharts from './MyEcharts.vue' export default {   name: "DigSummery",   components:{     MyEcharts   } </script>

<template>
 <div id="main" style="width:600px;height:400px;" >1111</div>
</template>
<script>
import * as echarts from 'echarts'
export default{
    mounted(){
       var myChart = echarts.init(document.getElementById("main"));
       var option = {
                             title: {
                               text: 'ECharts 入门示例'
                             },
                             tooltip: {},
                             xAxis: {
                               data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
                             },
                             yAxis: {},
                             series: [
                               {
                                 name: '销量',
                                 type: 'bar',
                                 data: [5, 20, 36, 10, 10, 20]
                               }
                             ]
                           };
       myChart.setOption(option);

    }
}
</script>