echart地图缩放监听和随机高亮
发布时间:2020-03-19 00:01:55
作者:ynkulusi
监听地图被缩放和随机高亮,折腾了好长时间,记录下。
//监听地图缩放和拖拽
myChart_wdmap.on("georoam", function (params) {
if(params.zoom!=null&¶ms.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