echarts
zlting~
向上的道路从不拥挤~
展开
-
【BUG】已解决:Vue Echarts容器宽度设置为100%,却只展示100px
项目描述:请求接口有数据时,展示echarts图表(display:block),否则就展示默认提示无数据(图表:display:none),DOM元素设置高度400px,宽度100%;// 其中父元素为 '#fatherGraph',当前元素为'#chartGraph',根据变量'elementShow'判断是否展示<div id="fatherGraph" :class="elementShow ? 'displayBlock' : 'displayNone'"> <d原创 2021-06-30 18:08:37 · 1680 阅读 · 2 评论 -
Echarts关系图 label文字换行/ 散点图legend换行
关系图换行效果label: { normal: { show: true, position: "inside", textStyle: { fontSize: 13 }, textBorderColor: "rgba(0,0,0,0.15)",原创 2021-06-03 18:55:55 · 1801 阅读 · 0 评论 -
echart踩坑 TypeError: Cannot read property ‘init‘ of undefined
Vue中 使用element 报错解决办法:在main.js中引入echartsimport * as echarts from 'echarts'原创 2021-06-02 17:56:45 · 271 阅读 · 0 评论 -
VUE 中 Echarts保存图表图片,保证图片不模糊
自定义echarts的下载事件 (按钮 + 事件)<a :href="chartImgUrl" download="echart.png" @click="handleChartDownload"> 下载</a>handleChartDownload() { let myChart = this.$echarts.init(this.$refs.circleChart) let that = this setTimeout(function() {原创 2021-05-07 13:23:54 · 995 阅读 · 0 评论 -
在VUE中使用Echarts世界地图,并根据经纬度标记位置
项目需求: 根据经纬度在地图上标记(14种不同类型的标记)出位置,点击标记后出现 详细内容,再点击内容跳转页面一、下载 echarts 包npm install --save echarts二、在 main.js中 引入echarts 和 引入世界地图jsimport echarts from 'echarts' // 引入echartsimport '../node_modules/echarts/map/js/world.js' // 引入世界地图Vue.prototype.$ech原创 2021-04-14 17:01:58 · 4280 阅读 · 4 评论 -
引用echarts报错Cannot read property ‘init‘ of underfined
检查一下 echarts 的版本"echarts": "^5.0.0", // 替换为4.8.0正确下载和使用1.下载 ^4.8.0 版本的echartsnpm install --save echarts@4.8.02.在main.js中引入 echarts(全局引入)import echarts from 'echarts'Vue.prototype.$echarts = echarts3.在.vue页面中使用echarts<div ref="myChart" id="m.原创 2021-01-14 14:15:23 · 177 阅读 · 0 评论 -
TypeError: Cannot set property ‘dataIndex‘ of undefined
Echarts关系图(graph)报错 :Error in nextTick: "TypeError: Cannot set property 'dataIndex' of undefined"检查后发现,是由于数据中包含了重复数据:解决办法:后端返回数据有误,让后端去掉重复数据。原创 2021-03-09 17:17:54 · 877 阅读 · 0 评论 -
echart 中 legend标签 自定义点击事件
需求:在用户未登录状态下,Me置灰,点击后提示 去登录Me 未登录 置灰色legend: { top: 15, right: 15, selected: { 'All': true, 'Me': false // 未登录 置灰色 } },监听echart的legendselectchanged事件,并根据params.name 判断当前选中哪个图例let that = thismyChart.on('legendselectch原创 2021-02-19 15:13:40 · 2195 阅读 · 0 评论