最近用echarts做了一个字符云的可视化展示,页面展示的时候,鼠标放上去,显示错位,如图:

 

解决echarts的词云,鼠标悬浮错位的问题

解决办法时:就是option里的数据要对value降序排序(这一点很关键,是必须的一步)把间距适当调大点 textPadding: 5。

,赋值进行显示ok!,修改后台代码,将map中value进行降序排列

//对countmap按照value的大小降序排列,否则词云显示错乱

ValueComparator bvc = new ValueComparator(countMap);

TreeMap<String,Integer> sorted_map = new TreeMap<String,Integer>(bvc);

sorted_map.putAll(countMap);

如图:

解决echarts的词云,鼠标悬浮错位的问题

相关文章: