vue-echart

#vue-echart ###基于vue2的网页版tip插件

使用

安装

npm install vue-echart

引用

import VueEchart from 'vue-echart'
Vue.use(VueEchart);

在组件中使用

<template>
 <div>
   <div v-echart='[type, data1, data2]' style='width:400px;height:300px;'></div>
   <!--type 绘制图表的类型，可为 line, bar, pie ; data1: 为要呈现的数据; data2: 为横轴展示数据;  echart 图表使用时要给定容器大小（详见：http://echarts.baidu.com/index.html）-->
 </div>
</template>
<script>
 export default {
   data() {
     return {
       type: 'pie',
     };
   },
 },
</script>