使用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