echarts
梨小九
这个作者很懒,什么都没留下…
展开
-
element 卡片组件加echarts图,加分页的实现
element 卡片组件加echarts图,加分页的实现1. html 写法<div class="container"> <el-card // 卡片组件 class="container_box_card" v-for="(item, index) in list.slice( (currentPage - 1) * pagesize, currentPage * pagesize )"原创 2021-02-25 10:45:48 · 1391 阅读 · 0 评论 -
解决echarts因为tab切换导致宽度100%,默认变成100px的问题,加自适应
解决echarts因为tab切换导致宽度100%,默认变成100px的问题1.原因主要是因为使用了tab切换,属性display:none;,导致echarts图表在执行js初始化的时候找不到这个元素,所以自动将“100%”转成了“100”,最后计算出来的图表就成了100px2 解决方法直接使用js获取dom元素,使用js设置宽高 <div ref="chart2" ></div> let chart2 = this.$refs.chart2; // 我使用原创 2021-02-20 09:54:20 · 2018 阅读 · 0 评论 -
在vue中使用echarts出现Cannot read property ‘init‘ of undefined
在vue中使用echarts出现Init is not defined前面的博客有写具体的引入echarts的方法,这里主要讲“init”报错的问题可能是安装的echarts版本太新导致的1.先卸载echartsnpm uninstall echarts --save2.安装旧版本的npm install echarts@4.2.0-rc.2 --save基本就没什么问题了...原创 2021-01-06 16:32:19 · 762 阅读 · 0 评论 -
vue中使用echarts,可实现屏幕自适应
在vue中echarts的简单使用1.先npm安装$ npm install echarts --save2.在vue中全局引用import echarts from 'echarts'Vue.prototype.$echarts = echarts3.在项目中就可以直接使用echarts了想屏幕适配一定要在div容器中把宽度改成100%//1.先创建一个div容器,我用的是ref,可以用id去获取容器<template> <div class="echart"&g原创 2021-01-06 15:50:51 · 1029 阅读 · 0 评论