echarts 地图鼠标移入显示数据问题解答
在 echarts 地图中，实现鼠标移入显示数据时，如果将 data 赋值给 series 中的 data，而 data 的值全为空，则会出现 value 值为 nan 的问题。
这个问题可能出现在 initmap 函数中。例如，在代码片段中，series.data 被赋值为 dataobj，但没有对 dataobj 进行数据验证。如果 dataobj 中的值为空或格式不正确，就会导致 value 值为 nan。
要解决此问题，需要确保 dataobj 中的每条数据具有正确的格式。此外，可以使用 if 语句或其他条件检查来处理值为 nan 的数据。
以下是修改后的 initmap 函数示例：
function initMap(dataObj) {
mapChart = echarts.init(document.getElementById('map-chart'));
let option = {
// ... 其他代码
series: [
{
name: '业务操作统计',
type: 'map',
// ... 其他代码
data: dataObj.filter(item => item.value !== undefined && item.value !== null && !isNaN(item.value))
}
]
};
mapChart.setOption(option);
// ... 其他代码
}通过对 dataobj 中的数据进行过滤，可以确保 value 值不为 nan，从而解决鼠标移入显示数据的问题。
以上就是Echarts 地图鼠标移入显示数据出现 NaN 值该如何解决？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
724
