文字云

作者: 有一个程序媛 | 来源:发表于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)

});

相关文章

  • 文字云

    html部分: 引入echarts-wordcloud.min.js js部分: var option = {ti...

  • 文字云

    中文文字云对比图 许巍几首歌歌词 汪峰几首歌歌词 通过对比可以发现,许巍的歌更强调自由,心灵的自由,孤独也是一种自...

  • 文字云

    暗涌 暗涌英文版 发如雪 发如雪英文版

  • 文字云

    《China Daily》&《The Washington Post》 说明:云图选择的形状像是骷髅,与中东地区的...

  • 文字云

    1、英文文字云:Owl City和Lenka专辑的对比 Lenka和Owl City都属于电子摇滚风格,而且是那种...

  • 文字云

    中文文字云 《史记·孝武本纪》 《汉书·武帝纪》 同样汉武帝的传记,《史记》和《汉书》在用词和事迹的选择上表现出很...

  • 文字云

    1.席慕容诗集《七里香》与舒婷诗集“文字云”相比较 席慕容和舒婷都是当代著名女诗人,两人的诗歌都以其独特风格为世人...

  • 文字云制作

    主要参考这篇博客http://blog.sina.com.cn/s/blog_8aa363510101phaq.html

  • 输入文字云

    今天,早起训练营学习的内容是,文字云的输入。这个对于我来说,是以前从来未接触到的,通过学习以后,反复看视频,跟着老...

  • OCR 初步测试

    几个OCR平台对比分析:名片全能王、云脉、百度云-文字识别、腾讯云-文字识别 名片全能王 云脉 百度云-文字识别 ...

网友评论

      本文标题:文字云

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