最近使用了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