
Echarts
echarts图表开发中的坑点分享。
木屋x
从入门到入坑,从入坑到填坑。。。
展开
-
关于Echarts官网httpsecharts.apache.org打不开的解决方案
关于Echarts官网打不开的解决方案1.需求背景最近项目需要使用到Echarts,但是访问官方地址显示连接失败。解决方案问题: DNS解析出现了问题,解析出来的ip不是Echarts官网的ip。解决如下:// 第一步:找到目录C:\Windows\System32\drivers\etc下的hosts文件,添加以下字段(两个都试试,哪一个可以用就用那个):207.244.88.140 echarts.apache.org151.101.2.132 echarts.apac原创 2022-05-20 14:46:03 · 12575 阅读 · 9 评论 -
Echarts实现图形重新绘制方法总结
Echarts实现图形重新绘制方法总结1.业务需求:vue项目使用Echarts进行数据看板绘制,当数据发生改变时,需要重新进行图形绘制。2.解决方案:目前网上流传的方法:myChart.setOption(option,true)亲测无效,因此重找了资料找到了解决方法(Echarts在图形绘制时会在容器创建Echarts实例并创建’echarts_instance’属性,这个属性是当前实例Echarts的ID,当Echarts绘制时会先对这个属性进行匹配,如果没有就会重新实例化):/原创 2020-11-12 10:55:27 · 6780 阅读 · 4 评论 -
echarts图表width与height固定,x轴与y轴内容滚动方案总结
echarts图表width与height固定,x轴与y轴内容滚动方案总结1.问题背景:最近在做echarts图表项目时遇到一个问题是,柱状图的宽高都固定,但是内容区域特别是x轴内容过多导致柱状图内容出现折叠堆叠覆盖情况,当时立马想到通过滚动条的方式解决这个问题,下面分享一下解决方案。2.解决方案:在echarts中我们一般都是对图表做自适应处理,为了适配页面的布局,在大部分情况下都需要固定宽高,然后让内容做自适应,但当内容过多时就容易出现堆叠覆盖的情况。(1)x轴的内容滚动:d原创 2020-11-27 11:42:08 · 6749 阅读 · 0 评论 -
Echarts切换Tab栏实现图形重新绘制方法总结
Echarts切换Tab栏实现图形重新绘制方法总结1.业务需求:vue项目使用Echarts进行数据看板绘制,当切换Tab栏后,需要重新进行图形绘制及刷新。2.解决方案:这里其实是因为Echarts图形绘制时,本体canvas的外层元素有个默认宽度为100px,所以当切换Tab栏图形绘制后,由于外层div已经渲染了,再渲染图形时是没有指定宽高的,需要手动设置图形的宽度:// myChart:图形绘制的容器// 这里的resize方法还可以设置高度document.getElemen原创 2021-01-25 11:17:18 · 2292 阅读 · 0 评论