文字云

作者: 有一个程序媛 | 来源:发表于2018-04-09 13:55 被阅读0次

    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)

    });

    相关文章

      网友评论

          本文标题:文字云

          本文链接:https://www.haomeiwen.com/subject/zocihftx.html