Echarts 地图鼠标移入显示数据出现 NaN 值该如何解决？

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《Echarts 地图鼠标移入显示数据出现 NaN 值该如何解决？》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

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 值该如何解决？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！