使用echarts的字符雲顯示的title與name不符合的問題

最近使用了echarts的字浮雲做界面,然後發現當鼠標放上某一個name的時候,它顯示的title和value跟我放的文字顯示不一致,去看了官方網站也沒有發現解決的辦法,然後找了一些資料,發現可以實現,在這裏記錄下來,方便以後自己回顧!

其實很簡單,就是value值需要逆序排序,官方網站的例子data裏面,可以看到value值是逆序去排序的

 data: [
            {
                name: "Sam S Club",
                value: 10000,
                itemStyle: {
                    normal: {
                        color: 'black'
                    }
                }
            },
            {
                name: "Macys",
                value: 6181,
                itemStyle: createRandomItemStyle()
            },
            {
                name: "Amy Schumer",
                value: 4386,
                itemStyle: createRandomItemStyle()
            },

...

]

所以如果後端傳的數據是沒有排序的話,那麼前端需要去整理一下,進行逆序排序,

array = [

{'sid':'ST001','sname':'張三','sage':18},

        {'sid':'ST004','sname':'趙六','sage':23},

{'sid':'ST002','sname':'李四','sage':42},

        {'sid':'ST003','sname':'王五','sage':35}
]

var arr = array.sort(function(a,b){
                  if(a.sage < b.sage){
                       return 1;
                  }else if (a.search_volumn > b.search_volumn) {
                   
  return -1;
                  }else{
                      return 0;
                }
        })

console.log(arr) //此時是已經逆序的數組

然後再重新遍歷新數組,把value值附上,最好別用 minSize: 14,可以去掉,讓它默認,基本就可以了,

但是有些字離得太近可能會導致定位不準,這時候給textPadding: 5 一個值,基本就可以了,最主要的,還是value要逆序

參考的網址 http://blog.csdn.net/u012172536/article/details/48208943


發佈了50 篇原創文章 · 獲贊 27 · 訪問量 18萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章