echarts
使用echarts总结的笔记
牧马少女
牧马少女的学习笔记。
展开
-
echarts legend 限制宽高范围
我的页面是自适应的,然后pie图的item很多,当页面变小时,item的文字都堆积起来,叠在pie图上,不好看。原创 2023-06-20 11:03:49 · 1310 阅读 · 0 评论 -
ecahrt 地图不显示、数据没渲染的问题
我在ecahrt官网找了个简单的地图demo,一模一样的代码copy到项目里。但是地图始终显示空白,也没有报错。解决方法:原文网址:https://www.cnblogs.com/wxqworld/p/11458529.htmlmain.js文件里,加上红色框内的2行代码就可以了。...转载 2020-05-19 10:35:59 · 352 阅读 · 0 评论 -
elementUI el-tabs切换时,tab里的echart图表宽高只有100px,图像变形。
解决方法:给echart图子组件添加v-if,借用v-if使子组件内的echart图重新渲染。(注意:此方法仅适用于echart图表是以子组件的方式引入的情况,如果你的图表是直接在tab里写div渲染的,就无效。)...原创 2020-04-25 11:46:49 · 1734 阅读 · 0 评论 -
EChart : Share Dataset图
drawLine(){ var myChart = echarts.init(document.getElementById('myChart')); var option = { baseOption:{ legend: {}, ...原创 2020-04-24 16:03:22 · 629 阅读 · 1 评论 -
EChart环形图与饼状图的设置
radius属性:原创 2020-04-24 16:00:11 · 869 阅读 · 0 评论 -
echart图图表实现自适应
方法一:window.onresize=myChart.resize;仅适用于只有一个图表的情况myChart.setOption(option);window.onresize = myChart.resize;参考文档:https://www.cnblogs.com/Ly426/p/9776672.html方法二:window.addEventListener("...转载 2020-04-14 14:38:36 · 413 阅读 · 0 评论 -
一个echart折线图的demo及相关属性的注释
官网文档,可查看相关配置属性的参数和解释:https://www.echartsjs.com/zh/option.html#tooltip.axisPointer1、HTML<div id="myEchart" style="width:100%;height:350px;"></div>2、引入相关依赖// 引入基本模板let echa...原创 2020-04-21 15:52:02 · 519 阅读 · 0 评论