首页 > 其他 > 详细

vue 项目添加echarts图标

时间:2020-06-06 15:19:21      阅读:121      评论:0      收藏:0      [点我收藏+]

1.安装echarts 

npm install echarts --save

2.可以在项目入口一如全局 也可以在局部页面引入

   1.在单独页面引入

   

import echarts from ‘echarts‘

   2. 也可以在main.js 引入全局

 

import echarts from ‘echarts‘


//放入全局vue 对象中
Vue.prototype.$echarts = echarts

 3.div容器

 

<div id="main" style="width: 600px;height: 400px;"></div>



var demo = echarts.init(document.getElementById("main"));


 demo.setOption({
        
       ...渲染图表js
 });


  4.图表重新渲染的方法 需要自适应宽度 放到窗口变化事件中OK
echarts.resize();

 

 

 

vue 项目添加echarts图标

原文:https://www.cnblogs.com/tianmiaogongzuoshi/p/13054462.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!