解决echarts下钻地图,在平移和缩放后,下钻到下一级时生成的地图不在容器中间,会跑到容器外面去。

myChart.setOption(option,true
  1. 问题:
    echart地图三级下钻地图在平移和缩放后,点击到省,由于中心点的偏移,省跑到容器以外的地方去了,导致新生成的地图看不见。

  2. 解决方法:
    后来发现,是重新绘制图表的时候需要: myChart.setOption(option,true),在setOption()方法中添加true,表示重新绘制,最后完美解决。

转自:https://blog.51cto.com/u_15127540/4183041

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ECharts是一款开源的数据可视化库,它提供了丰富的图表类型和交互功能。其中,地图ECharts中的一项功能,可以实现在地图上的区域之间进行缩放和切换,以展示更详细的数据或区域。 在ECharts中实现地图示例的步骤如下: 1. 配置地图数据和初始地图配置: 首先,需要加载地图数据,可以从ECharts官方提供的地图数据集中选择合适的地图数据,并引入到项目中。同,需要配置初始的地图配置,包括地图的样式、缩放等级等。 2. 设置点击事件: 在地图上设置点击事件,当用户点击某个区域触发点击事件,根据点击的区域信息进行相应的操作。 3. 展示下一级地图: 根据点击的区域信息,获取下一级地图的数据。可以通过Ajax请求从后台获取数据,或者是直接通过JavaScript对象的方式提前准备好下一级地图的数据。 4. 更新地图数据和配置: 将获取到的下一级地图数据和配置进行更新,包括刷新地图数据和设置新的地图配置。 5. 刷新地图和更新视图: 通过ECharts提供的方法刷新地图数据,并更新视图,以显示下一级地图。可以通过调用setOption方法来更新地图的配置和数据。 通过上述步骤,就可以实现ECharts地图示例。用户可以通过点击地图上的区域来不断深入到下一级地图,以展示更加详细和精确的数据。在实现过程中,需要注意地图数据的加载和更新,以及点击事件的处理和下一级地图数据的获取。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值