vue4 + echarts5

  npm install echarts --save   mian.js 引用   import * as echarts from 'echarts'; app.config.globalProperties.$echarts = echarts;     <template>   <div class="home">     <div id="myChart" :style="{width: '300px', height: '300px'}"></div>   </div> </template>

 

<script> export default {   name: "hello",   data() {     return {       msg: "Welcome to Your Vue.js App"     };   },   mounted() {     this.drawLine();   },   methods: {     drawLine() {       // 基于准备好的dom,初始化echarts实例       let myChart = this.$echarts.init(document.getElementById("myChart"));       // 绘制图表       myChart.setOption({         title: { text: "在Vue中使用echarts" },         tooltip: {},         xAxis: {           data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]         },         yAxis: {},         series: [           {             name: "销量",             type: "bar",             data: [5, 20, 36, 10, 10, 20]           }         ]       });     }   } }; </script>

 

<style lang="scss" scoped> .home {   height: 100%;   width: 100%; } </style>
上一篇:echarts轮训展示某个


下一篇:K-means聚类算法(转)