您的位置:首页 > Web前端

使用echarts的字符云显示的title与name不符合的问题

2017-12-05 17:02 579 查看
最近使用了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 = [

]

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐