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,从而解决鼠标移入显示数据的问题。