ECharts 提供了多种方式来显示 GeoJSON 的 properties 信息，不需要点击。下面都是可行的解决方案：
- 使用
label 属性
可以在 GeoJSON 中添加 label 属性，然后在 ECharts 中使用 label 属性来显示 properties 信息。例如：
option = {
series: [
{
type: 'map',
map: 'china',
data: [
{
name: '北京',
value: 100,
label: {
normal: {
show: true,
formatter: function (params) {
return params.data.properties.name + ': ' + params.data.properties.value;
}
}
}
}
]
}
]
};
这将显示每个地区的名称和值。
- 使用
tooltip 属性
可以使用 tooltip 属性来显示 properties 信息。当鼠标悬停在某个地区上时， tooltip 将显示该地区的 properties 信息。例如：
option = {
series: [
{
type: 'map',
map: 'china',
data: [
{
name: '北京',
value: 100
}
],
tooltip: {
formatter: function (params) {
return params.data.properties.name + ': ' + params.data.properties.value;
}
}
}
]
};
这将显示每个地区的名称和值。
- 使用
infoWindow 属性
可以使用 infoWindow 属性来显示 properties 信息。当鼠标悬停在某个地区上时，infoWindow 将显示该地区的 properties 信息。例如：
option = {
series: [
{
type: 'map',
map: 'china',
data: [
{
name: '北京',
value: 100
}
],
infoWindow: {
formatter: function (params) {
return params.data.properties.name + ': ' + params.data.properties.value;
}
}
}
]
};
这将显示每个地区的名称和值。
- 使用自定义的 HTML overlay
可以使用 ECharts 的 overlay 属性来添加自定义的 HTML overlay，然后在 overlay 中显示 properties 信息。例如：
option = {
series: [
{
type: 'map',
map: 'china',
data: [
{
name: '北京',
value: 100
}
],
overlay: [
{
type: 'html',
content: function (params) {
return '<div>' + params.data.properties.name + ': ' + params.data.properties.value + '</div>';
}
}
]
}
]
};
这将显示每个地区的名称和值。
这些方法都可以实现显示 GeoJSON 的 properties 信息，不需要点击。