• echart地图缩放监听和随机高亮

    发布时间:2020-03-19 00:01:55
    作者:ynkulusi
  • 监听地图被缩放和随机高亮,折腾了好长时间,记录下。
    //监听地图缩放和拖拽
    myChart_wdmap.on("georoam", function (params) {
    	if(params.zoom!=null&&params.zoom!=undefined) { //捕捉到缩放动作
    		//console.log("地图缩放比值为:",params.zoom);  //这个值只有缩放时才有数值,拖拽时为"undefined"
    		var _option = myChart_wdmap.getOption();
    		//获取地图缩放后的数值
    		//var _zoom = _option.geo[0].zoom;
    		var _zoom = _option.series[0].zoom;
    		if (_zoom > 1.2) {
    			//console.log("地图放大后当前zoom数值为:", _zoom);
    			_option.series[0].roam = true;
    		} else if (_zoom <= 1.2) {
    			//console.log("地图缩小后当前zoom数值为:", _zoom);
    			_option.series[0].roam = "scale";
    		}
    		myChart_wdmap.setOption(_option, true);
    		//console.log("当前roam值为:",_option.series[0].roam);  //roam值被改变前为"undefined"
    	}
    	{#else {   //捕捉到拖拽动作#}
    	{#    console.log("地图被拖拽!");#}
    	{# }#}
    });
    //随机高亮排名靠前30的区域
    var app = {};
    app.currentIndex = -1;
    setInterval(function () {
    	//var dataLen = option_wdmap.series[0].data.length;
    	var dataLen = 30;
    	// 取消之前高亮的图形
    	myChart_wdmap.dispatchAction({
    		type: 'downplay',
    		seriesIndex: 0,
    		dataIndex: app.currentIndex
    	});
    	app.currentIndex = (app.currentIndex + 1) % dataLen;
    	// 高亮当前图形
    	myChart_wdmap.dispatchAction({
    		type: 'highlight',
    		seriesIndex: 0,
    		dataIndex: app.currentIndex
    	});
    	// 显示 tooltip
    	myChart_wdmap.dispatchAction({
    		type: 'showTip',
    		seriesIndex: 0,
    		dataIndex: app.currentIndex
    	});
    }, 3000);
     
  • 分类:javascript
    评论数:1 阅读数:1432