option = {
tooltip: {
show: true,
trigger: 'item', // 触发类型,'item' 表示触发在图形元素上
formatter: function (params) {
// params 包含了触发提示框的数据信息
return params.name + ': ' + params.value;
}
},
series: [{
type: 'map',
map: 'world',
roam: true,
label: {
show: true
},
data: [
{name: 'China', value: 100},
{name: 'United States', value: 50},
// 更多数据项...
],
emphasis: {
label: {
show: true
}
}
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在上述代码中,通过 tooltip 配置项来设置提示框的显示与触发方式。trigger: 'item' 表示触发在图形元素上,而 formatter 属性用于设置提示框内容的格式。在这个例子中,我使用了 params.name 和 params.value 来显示地区名称和对应的数据值,你可以根据具体需求进行定制。
同样,你可以通过其他的 tooltip 配置项,如 position、extraCssText 等,来调整提示框的位置和样式。
转载请注明出处:http://www.zyzy.cn/article/detail/5434/ECharts