1. 程式人生 > >解決echarts的詞雲,滑鼠懸浮錯位的問題

解決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);

如圖: