echarts
浪漫不敌风月
这个作者很懒,什么都没留下…
展开
-
echarts map3D区域颜色单独设置
效果图:实现: series: [ { type: "map3D", // 系列类型 name: "map3D", // 系列名称 map: "yuhang", // 地图类型。 data: [ { name: "鸬鸟镇", itemStyle: { color: "#fef436" } }, { name: "仁和街道", itemStyle: { c原创 2021-12-29 12:12:47 · 3763 阅读 · 1 评论 -
echarts 容器大小随屏幕自适应
描述:echarts的容器规定必须定宽高,之前尝试用百分比也失效了。原因是它的容器大小只会在初始加载时获取一次,不论是定死还是百分比,都只会获取一次。这样在拉动页面的时候容器自己改变,但是图表却没有改变。解决:为窗口设置监听事件,监听窗口变化,来重新获取echarts的容器大小。1、首先需要给容器的父容器设置宽高(百分比或者像素都可以)2、给容器设置百分比的宽高#chart { margin-top: 50px; width: 100%; height: 75%;原创 2021-12-09 16:37:18 · 5669 阅读 · 0 评论 -
Echarts 一个option控制多个图表及横坐标全部显示
贴一下代码怕自己忘了今天写项目的时候,要求多个柱状图,但是单写option太多了,查了一下可以用grid放在同一个option中,只需要设置gridIndex即可,也可以实现单个控制。要求的结果图如下:...原创 2021-11-18 21:46:02 · 2570 阅读 · 0 评论 -
Echarts绘制柱状图 报错“Initialize failed: invalid dom.”
原因:echarts在创建图表的时候需要一个div作为dom容器,再将由echarts.init方法初始化一个 echarts 实例初始化的map挂载到dom树中。<div id="map" v-if="showType != 'list'"></div>而此错误的意思是在该element创建之前,就去getElement获取该元素。解决:本以为是生命周期的问题,改了好久,后来发现是该dom容器上挂了一个v-if,而v-if是由后来调后端接口获取的数据来控.原创 2021-11-18 21:19:15 · 1571 阅读 · 1 评论