echarts
missGril
这个作者很懒,什么都没留下…
展开
-
echarts四分之三环形数据超出75%溢出的问题
问题最近在做h5报告的时候使用到了里面的3/4环形图,看上去是这样的看上去没毛病,但是当你的某一条数据占的比重超过75%,进度条将会溢出3/4的区域.如下图在这里插入图片描述这样就会覆盖文字部分,那么怎么解决呢?其实主要问题就是在数据处理的问题上,下图1表示有颜色进度条的占比,2表示没有总数据减去有数据的占比,也就是透明的位置;但是这里的总数指的是整个圆的总量,并不是3/4个圆,因此但数据量占比超过3/4的时候会出现溢出的情况.所以只要将这里的value改一下就可以了,其实只要将3/4看作是整转载 2021-05-11 10:21:39 · 1152 阅读 · 0 评论 -
ios系统 echarts图表提示框tooltip被自己图表覆盖的问题
造成标题问题的原因是因为在ios系统上,css overflow属性和echarts图表z-index冲突,这是ios上的一个Bug,页面设置了overflow属性,z-index就会失效,图表上的图形就会覆盖tooltip.对此,针对这个问题,有两个解决方案:1.页面不设置overflow属性,但是这个不太可行,因为实际情况页面会有需要滚动条的情况,所以这个方法需根据实际情况来使用。2.在tooltip上设置position,强行把图表上的overflow属性给去掉,亲自证明,此方法可行,下面贴上代原创 2020-08-25 17:58:32 · 1195 阅读 · 1 评论 -
关于echarts横轴展示不全使用滚动条(dataZoom)的方法和注意点
最近的项目需要用到echarts图表来渲染数据,横轴的数据呢,是不固定,根据选择日期去筛选的,最大长度选择180天,要是真的有用户选择了180,那不就炸了,就算再大的电脑,横轴也展示不下啊。所以echarts官网给了一个解决方案,就是有内置的滚动条,dataZoom.那么我就来说说,如何很好的使用这个滚动条首先,先上代码dataZoom: [ { orient: "horizontal", show: this.zoomShow,//控制滚动条显示隐藏 re原创 2020-08-14 09:56:05 · 5657 阅读 · 0 评论 -
关于echarts数据变化残留数据问题
利用echarts加载图表的时候,当你切换图表的查询条件的时候,会发现有上次数据残留,所以这时候需要clear以下图表,再重新加载就好了let barV = this.$refs.banlishixiaoPeople; this.chartBar = echarts.init(barV); this.chartBar.clear();//主要是这行代码 this.chartBar.setOption(option);...原创 2020-08-04 16:50:18 · 2109 阅读 · 0 评论 -
关于echarts tooltip显示数据问题
这里我们的需求是在tooltip里显示后台给的多条数据,所以tooltip里面的formatter里的数据就得自己放进去,我这里是放进了series里data里面,然后在formatter里面去取的if (bankNameArr.length == 1) { let series = []; let num = 0; bankNameArr.forEach((ele) => { let yData = []; for (let i = 0; i原创 2020-07-29 14:06:50 · 4300 阅读 · 0 评论 -
解决:ECharts数据更新后,图表没有更新的问题
问题:ECharts图表数据我们都是从后台获取,点击查询重新获取数据时发现图表没有刷新原因:代码 myChart.setOption(option);setOption有3个属性,setOption(option,notMerge,lazyUpdate);第二个notMerge默认为false,即默认合并两个数据解决:设置为truemyChart.setOption(option,true);————————————————版权声明:本文为CSDN博主「陈暗暗」的原创文章,遵循CC 4.0 B原创 2020-06-29 17:46:47 · 5215 阅读 · 1 评论 -
关于手动切换echarts图表类型,图表二次渲染问题
我知道的方法就是加个定时器,然后重新加载就好了,别问我为什么,因为我也不知道为什么加个定时器就好了html代码,自己手动写的切换图标按钮<div class="changeBtn"> <span @click="changeZhu">柱</span> <span @click="changePie">饼</span></div>这是js代码,切换之后还要重新加载一下//切换柱状图 changeZhu() { t原创 2020-06-21 10:22:02 · 540 阅读 · 1 评论