文字云

html部分:

引入echarts-wordcloud.min.js

<div class="div1" style="width:500px;height:500px;"></div>

js部分:

var option = {

title:{

text:"词云图"

    },

    tooltip: {},

    series: [{

type:'wordCloud',

        gridSize:20,

        sizeRange: [12, 50],

        rotationRange: [0, 0],

        shape:'circle',

        textStyle: {

normal: {

color:function() {

return 'rgb(' + [

Math.round(Math.random() *160),

                        Math.round(Math.random() *160),

                        Math.round(Math.random() *160)

].join(',') +')';

                }

},

            emphasis: {

shadowBlur:10,

                shadowColor:'#333'

            }

},

        data: [{

name:'Sam S Club',

            value:10000,

            textStyle: {

normal: {

color:'black'

                },

                emphasis: {

color:'red'

                }

}

}, {

name:'Macys',

            value:212

        }, {

name:'Amy Schumer',

            value:4386

        }, {

name:'Jurassic World',

            value:4055

        }, {

name:'Charter Communications',

            value:2467

        }, {

name:'Chick Fil A',

            value:2244

        }, {

name:'Planet Fitness',

            value:1898

        }, {

name:'Pitch Perfect',

            value:1484

        }, {

name:'Express',

            value:1112

        }, {

name:'Home',

            value:965

        }, {

name:'Johnny Depp',

            value:847

        }, {

name:'Lena Dunham',

            value:582

        }, {

name:'Lewis Hamilton',

            value:555

        }, {

name:'KXAN',

            value:550

        }, {

name:'Mary Ellen Mark',

            value:462

        }, {

name:'Farrah Abraham',

            value:366

        }, {

name:'Rita Ora',

            value:360

        }, {

name:'Serena Williams',

            value:282

        }, {

name:'NCAA baseball tournament',

            value:273

        }, {

name:'Point Break',

            value:265

        }]

}]

};

var chartPs =echarts.init($('.div1')[0]);

chartPs.setOption(option, true);

chartPs.on("click",function(value){

console.log(value.name)

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容