echarts的地图点击事件

最新推荐文章于 2025-06-13 15:57:26 发布

转载

最新推荐文章于 2025-06-13 15:57:26 发布 · 4.8k 阅读

文章标签：

#javascript #json #ViewUI

本文介绍了如何在ECharts中添加地图点击事件，以实现点击地图区域时产生动态效果。通过参考相关文章，记录了实现这一功能的方法，以备后续使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、echarts的地图展示，有时候展示出的数据，虽然鼠标点击上去某个省份或者某个地方会有数据显示，但是点击一下地图没有任何动态效果，如何添加地图点击效果呢，这里自己也是坐下笔记，方便以后使用。

参考链接：https://blog.csdn.net/qq_21386275/article/details/79039024

  1 //地图展示
  2 function map() {
  3     //url，将需要的数据查询出来，放到固定的省份的位置即可。
  4     var url = "xxxxxx.action";
  5     var array = new Array();
  6     $.ajax({
  7         url : url,
  8         dataType : "json",
  9         async : false,
 10         success : function(data){
 11             var datas = data.result;
 12             var length = datas.length;
 13             //逻辑控制
 14             ......
 15         }
 16     });
 17     //console.log(array);
 18     
 19     //将查询出的需要的省份的数据值存放到下面对应的地方
 20     var option = {
 21         tooltip : {
 22             trigger : 'item'
 23         },
 24         dataRange : {
 25             orient : 'horizontal',
 26             min : 0,
 27             max : 55000,
 28             text : [ '高', '低' ], // 文本，默认为数值文本
 29             splitNumber : 0
 30         },
 31         series : [ {
 32             name : '',
 33             type : 'map'