echarts地图用params.data.id获取不到当前选中的市的id?
时间: 2024-02-20 10:58:59 浏览: 132
echarts地图数据
5星 · 资源好评率100%
如果使用 `params.data.id` 无法获取到当前选中市的 id,那么可能是因为在地图数据中没有设置对应市的 id 或 adcode。
在 ECharts 中,可以通过设置地图数据来指定各个区域(如省、市、县等)的 id 或 adcode。如果在地图数据中没有设置对应市的 id 或 adcode,那么在地图点击事件中就无法获取到该值。
解决方法有两种:
1. 在地图数据中设置对应区域的 id 或 adcode。
在地图数据中,可以为每个区域设置一个 `id` 或 `adcode` 属性,例如:
```
{
"name": "北京市",
"id": "110000", // 设置北京市的 id
"children": [
{
"name": "市辖区",
"id": "110100", // 设置市辖区的 id
"children": [
{
"name": "东城区"
},
{
"name": "西城区"
},
// ...
]
},
// ...
]
}
```
在地图点击事件中,就可以通过 `params.data.id` 来获取选中区域的 id 或 adcode。
2. 使用其他属性来获取选中区域的信息。
如果无法在地图数据中设置对应区域的 id 或 adcode,可以使用其他属性来获取选中区域的信息。例如,可以使用 `params.name` 来获取选中区域的名称,或者使用 `params.value` 来获取选中区域的数值。
```
myChart.on('click', function(params) {
var selectedCity = params.name; // 获取选中的市名
var selectedValue = params.value; // 获取选中的市的数值(如果有设置)
console.log(selectedCity, selectedValue);
});
```
根据具体情况,选择合适的方法来获取选中区域的信息。
阅读全文