echarts 地图点击
时间: 2023-07-11 12:57:46 浏览: 114
在 ECharts 中,可以通过监听地图上的点击事件来实现地图的交互。以下是一个监听地图点击事件的例子:
```javascript
// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('myChart'));
// 配置项
var option = {
tooltip: {
trigger: 'item'
},
series: [{
type: 'map',
map: 'china',
label: {
show: true
},
emphasis: {
label: {
show: true
}
},
data: [
{name: '北京', value: 100},
{name: '上海', value: 50},
{name: '广州', value: 80},
// ...省略其他省份
]
}]
};
// 使用配置项显示图表
myChart.setOption(option);
// 监听地图点击事件
myChart.on('click', function (params) {
console.log(params.name); // 输出被点击的省份名称
});
```
在上面的代码中,我们使用 ECharts 绘制了一个中国地图,并添加了一些数据。然后,我们通过 `myChart.on` 方法监听了地图的点击事件,并在回调函数中输出了被点击的省份名称。
当你在地图上点击某个省份时,控制台会输出该省份的名称。你可以根据自己的需求来修改回调函数,实现不同的交互效果。
阅读全文