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 值该如何解决？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2653831.html
