爱心词云图

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>词云图</title>
    
    <script type="text/javascript" src="js/echarts.js"></script>
    <script type="text/javascript" src="js/echarts-wordcloud.min.js"></script>
</head>
<body>
    
    <div id="main" style="width: 600px;height: 500px; "></div>

    <script >
        var mycharts = echarts.init(document.getElementById("main"));
        //用来存储数据
        var jsonlist = [];
        jsonlist.push(
        {
            "name": "花鸟市场",
            "value": 1446
        },
        {
            "name": "汽车",
            "value": 928
        },
        {
            "name": "视频",
            "value": 906
        },
        {
            "name": "电视",
            "value": 825
        },
        {
            "name": "Lover Boy 88",
            "value": 5144
        },
        {
            "name": "动漫",
            "value": 486
        },
        {
            "name": "音乐",
            "value": 5999
        },
        {
            "name": "直播",
            "value": 163
        },
        {
            "name": "广播电台",
            "value": 86
        },
        {
            "name": "戏曲曲艺",
            "value": 17
        },
        {
            "name": "演出票务",
            "value": 6
        },
        {
            "name": "给陌生的你听",
            "value": 1
        },
        {
            "name": "资讯",
            "value": 1437
        },
        {
            "name": "商业财经",
            "value": 422
        },
        {
            "name": "娱乐八卦",
            "value": 353
        },
        {
            "name": "军事",
            "value": 331
        },
        {
            "name": "科技资讯",
            "value": 313
        },
        {
            "name": "社会时政",
            "value": 307
        },
        {
            "name": "时尚",
            "value": 43
        },
        {
            "name": "网络奇闻",
            "value": 15
        },
        {
            "name": "旅游出行",
            "value": 438
        },
        {
            "name": "景点类型",
            "value": 957
        },
        {
            "name": "国内游",
            "value": 927
        },
        {
            "name": "远途出行方式",
            "value": 908
        },
        {
            "name": "酒店",
            "value": 693
        },
        {
            "name": "关注景点",
            "value": 611
        },
        {
            "name": "旅游网站偏好",
            "value": 512
        },
        {
            "name": "出国游",
            "value": 382
        },
        {
            "name": "交通票务",
            "value": 312
        },
        {
            "name": "旅游方式",
            "value": 187
        },
        {
            "name": "旅游主题",
            "value": 163
        },
        {
            "name": "港澳台",
            "value": 104
        },
        {
            "name": "本地周边游",
            "value": 3
        },
        {
            "name": "小卖家",
            "value": 1331
        },
        {
            "name": "全日制学校",
            "value": 941
        },
        {
            "name": "基础教育科目",
            "value": 585
        },
        {
            "name": "考试培训",
            "value": 473
        },
        {
            "name": "语言学习",
            "value": 358
        },
        {
            "name": "留学",
            "value": 246
        },
        {
            "name": "K12课程培训",
            "value": 207
        },
        {
            "name": "艺术培训",
            "value": 194
        },
        {
            "name": "技能培训",
            "value": 104
        },
        {
            "name": "IT培训",
            "value": 87
        },
        {
            "name": "高等教育专业",
            "value": 63
        },
        {
            "name": "家教",
            "value": 48
        },
        {
            "name": "体育培训",
            "value": 23
        },
        {
            "name": "职场培训",
            "value": 5
        },
        {
            "name": "金融财经",
            "value": 1328
        },
        {
            "name": "银行",
            "value": 765
        },
        {
            "name": "股票",
            "value": 452
        },
        {
            "name": "保险",
            "value": 415
        },
        {
            "name": "贷款",
            "value": 253
        },
        {
            "name": "基金",
            "value": 211
        },
        {
            "name": "信用卡",
            "value": 180
        },
        {
            "name": "外汇",
            "value": 138
        },
        {
            "name": "P2P",
            "value": 116
        },
        {
            "name": "贵金属",
            "value": 98
        },
        {
            "name": "债券",
            "value": 93
        },
        {
            "name": "网络理财",
            "value": 92
        },
        {
            "name": "信托",
            "value": 90
        },
        {
            "name": "征信",
            "value": 76
        },
        {
            "name": "期货",
            "value": 76
        },
        {
            "name": "公积金",
            "value": 40
        },
        {
            "name": "银行理财",
            "value": 36
        },
        {
            "name": "银行业务",
            "value": 30
        },
        {
            "name": "典当",
            "value": 7
        },
        {
            "name": "海外置业",
            "value": 1
        },
        {
            "name": "汽车",
            "value": 1309
        },
        {
            "name": "汽车档次",
            "value": 965
        },
        {
            "name": "汽车品牌",
            "value": 900
        },
        {
            "name": "汽车车型",
            "value": 727
        },
        {
            "name": "购车阶段",
            "value": 461
        },
        {
            "name": "二手车",
            "value": 309
        },
        {
            "name": "汽车美容",
            "value": 260
        },
        {
            "name": "新能源汽车",
            "value": 173
        },
        {
            "name": "汽车维修",
            "value": 155
        },
        {
            "name": "租车服务",
            "value": 136
        },
        {
            "name": "车展",
            "value": 121
        },
        {
            "name": "违章查询",
            "value": 76
        },
        {
            "name": "汽车改装",
            "value": 62
        },
        {
            "name": "汽车用品",
            "value": 37
        },
        {
            "name": "路况查询",
            "value": 32
        },
        {
            "name": "汽车保险",
            "value": 28
        },
        {
            "name": "陪驾代驾",
            "value": 4
        },
        {
            "name": "网络购物",
            "value": 1275
        },
        {
            "name": "做我的猫",
            "value": 1088
        },
        {
            "name": "只想要你知道",
            "value": 907
        },
        {
            "name": "团购",
            "value": 837
        },
        {
            "name": "比价",
            "value": 201
        },
        {
            "name": "海淘",
            "value": 195
        },
        {
            "name": "移动APP购物",
            "value": 179
        },
        {
            "name": "支付方式",
            "value": 119
        },
        {
            "name": "代购",
            "value": 43
        },
        {
            "name": "体育健身",
            "value": 1234
        },
        {
            "name": "体育赛事项目",
            "value": 802
        },
        {
            "name": "运动项目",
            "value": 405
        },
        {
            "name": "体育类赛事",
            "value": 337
        },
        {
            "name": "健身项目",
            "value": 199
        },
        {
            "name": "健身房健身",
            "value": 78
        },
        {
            "name": "运动健身",
            "value": 77
        },
        {
            "name": "家庭健身",
            "value": 36
        },
        {
            "name": "健身器械",
            "value": 29
        },
        {
            "name": "办公室健身",
            "value": 3
        },
        {
            "name": "商务服务",
            "value": 1201
        },
        {
            "name": "法律咨询",
            "value": 508
        },
        {
            "name": "化工材料",
            "value": 147
        },
        {
            "name": "广告服务",
            "value": 125
        },
        {
            "name": "会计审计",
            "value": 115
        },
        {
            "name": "人员招聘",
            "value": 101
        },
        {
            "name": "印刷打印",
            "value": 66
        },
        {
            "name": "知识产权",
            "value": 32
        },
        {
            "name": "翻译",
            "value": 22
        },
        {
            "name": "安全安保",
            "value": 9
        },
        {
            "name": "公关服务",
            "value": 8
        },
        {
            "name": "商旅服务",
            "value": 2
        },
        {
            "name": "展会服务",
            "value": 2
        },
        {
            "name": "特许经营",
            "value": 1
        },
        {
            "name": "休闲爱好",
            "value": 1169
        },
        {
            "name": "收藏",
            "value": 412
        },
        {
            "name": "摄影",
            "value": 393
        },
        {
            "name": "温泉",
            "value": 230
        },
        {
            "name": "博彩彩票",
            "value": 211
        },
        {
            "name": "美术",
            "value": 207
        },
        {
            "name": "书法",
            "value": 139
        },
        {
            "name": "DIY手工",
            "value": 75
        },
        {
            "name": "舞蹈",
            "value": 23
        },
        {
            "name": "钓鱼",
            "value": 21
        },
        {
            "name": "棋牌桌游",
            "value": 17
        },
        {
            "name": "KTV",
            "value": 6
        },
        {
            "name": "密室",
            "value": 5
        },
        {
            "name": "采摘",
            "value": 4
        },
        {
            "name": "电玩",
            "value": 1
        },
        {
            "name": "真人CS",
            "value": 1
        },
        {
            "name": "轰趴",
            "value": 1
        },
        {
            "name": "家电数码",
            "value": 1111
        },
        {
            "name": "手机",
            "value": 885
        },
        {
            "name": "电脑",
            "value": 543
        },
        {
            "name": "大家电",
            "value": 321
        },
        {
            "name": "家电关注品牌",
            "value": 253
        },
        {
            "name": "网络设备",
            "value": 162
        },
        {
            "name": "摄影器材",
            "value": 149
        },
        {
            "name": "影音设备",
            "value": 133
        },
        {
            "name": "办公数码设备",
            "value": 113
        },
        {
            "name": "生活电器",
            "value": 67
        },
        {
            "name": "厨房电器",
            "value": 54
        },
        {
            "name": "智能设备",
            "value": 45
        },
        {
            "name": "个人护理电器",
            "value": 22
        },
        {
            "name": "服饰鞋包",
            "value": 1047
        },
        {
            "name": "服装",
            "value": 566
        },
        {
            "name": "饰品",
            "value": 289
        },
        {
            "name": "鞋",
            "value": 184
        },
        {
            "name": "箱包",
            "value": 168
        },
        {
            "name": "奢侈品",
            "value": 137
        },
        {
            "name": "母婴亲子",
            "value": 1041
        },
        {
            "name": "孕婴保健",
            "value": 505
        },
        {
            "name": "母婴社区",
            "value": 299
        },
        {
            "name": "早教",
            "value": 103
        },
        {
            "name": "奶粉辅食",
            "value": 66
        },
        {
            "name": "童车童床",
            "value": 41
        },
        {
            "name": "关注品牌",
            "value": 271
        },
        {
            "name": "宝宝玩乐",
            "value": 30
        },
        {
            "name": "母婴护理服务",
            "value": 25
        },
        {
            "name": "纸尿裤湿巾",
            "value": 16
        },
        {
            "name": "妈妈用品",
            "value": 15
        },
        {
            "name": "宝宝起名",
            "value": 12
        },
        {
            "name": "童装童鞋",
            "value": 9
        },
        {
            "name": "胎教",
            "value": 8
        },
        {
            "name": "宝宝安全",
            "value": 1
        },
        {
            "name": "宝宝洗护用品",
            "value": 1
        },
        {
            "name": "软件应用",
            "value": 1018
        },
        {
            "name": "系统工具",
            "value": 896
        },
        {
            "name": "理财购物",
            "value": 440
        },
        {
            "name": "生活实用",
            "value": 365
        },
        {
            "name": "影音图像",
            "value": 256
        },
        {
            "name": "社交通讯",
            "value": 214
        },
        {
            "name": "手机美化",
            "value": 39
        },
        {
            "name": "办公学习",
            "value": 28
        },
        {
            "name": "应用市场",
            "value": 23
        },
        {
            "name": "母婴育儿",
            "value": 14
        },
        {
            "name": "游戏",
            "value": 946
        },
        {
            "name": "手机游戏",
            "value": 565
        },
        {
            "name": "PC游戏",
            "value": 353
        },
        {
            "name": "网页游戏",
            "value": 254
        },
        {
            "name": "游戏机",
            "value": 188
        },
        {
            "name": "模拟辅助",
            "value": 166
        },
        {
            "name": "个护美容",
            "value": 942
        },
        {
            "name": "护肤品",
            "value": 177
        },
        {
            "name": "彩妆",
            "value": 133
        },
        {
            "name": "美发",
            "value": 80
        },
        {
            "name": "香水",
            "value": 50
        },
        {
            "name": "个人护理",
            "value": 46
        },
        {
            "name": "美甲",
            "value": 26
        },
        {
            "name": "SPA美体",
            "value": 21
        },
        {
            "name": "花鸟萌宠",
            "value": 914
        },
        {
            "name": "绿植花卉",
            "value": 311
        },
        {
            "name": "狗",
            "value": 257
        },
        {
            "name": "其他宠物",
            "value": 131
        },
        {
            "name": "水族",
            "value": 125
        },
        {
            "name": "猫",
            "value": 122
        },
        {
            "name": "动物",
            "value": 81
        },
        {
            "name": "鸟",
            "value": 67
        },
        {
            "name": "宠物用品",
            "value": 41
        },
        {
            "name": "宠物服务",
            "value": 26
        },
        {
            "name": "书籍阅读",
            "value": 913
        },
        {
            "name": "网络小说",
            "value": 483
        },
        {
            "name": "关注书籍",
            "value": 128
        },
        {
            "name": "文学",
            "value": 105
        },
        {
            "name": "报刊杂志",
            "value": 77
        },
        {
            "name": "人文社科",
            "value": 22
        },
        {
            "name": "建材家居",
            "value": 907
        },
        {
            "name": "装修建材",
            "value": 644
        },
        {
            "name": "家具",
            "value": 273
        },
        {
            "name": "家居风格",
            "value": 187
        },
        {
            "name": "家居家装关注品牌",
            "value": 140
        },
        {
            "name": "家纺",
            "value": 107
        },
        {
            "name": "厨具",
            "value": 47
        },
        {
            "name": "灯具",
            "value": 43
        },
        {
            "name": "家居饰品",
            "value": 29
        },
        {
            "name": "家居日常用品",
            "value": 10
        },
        {
            "name": "生活服务",
            "value": 883
        },
        {
            "name": "物流配送",
            "value": 536
        },
        {
            "name": "家政服务",
            "value": 108
        },
        {
            "name": "摄影服务",
            "value": 49
        },
        {
            "name": "搬家服务",
            "value": 38
        },
        {
            "name": "物业维修",
            "value": 37
        },
        {
            "name": "婚庆服务",
            "value": 24
        },
        {
            "name": "二手回收",
            "value": 24
        },
        {
            "name": "鲜花配送",
            "value": 3
        },
        {
            "name": "维修服务",
            "value": 3
        },
        {
            "name": "殡葬服务",
            "value": 1
        },
        {
            "name": "求职创业",
            "value": 874
        },
        {
            "name": "创业",
            "value": 363
        },
        {
            "name": "目标职位",
            "value": 162
        },
        {
            "name": "目标行业",
            "value": 50
        },
        {
            "name": "兼职",
            "value": 21
        },
        {
            "name": "期望年薪",
            "value": 20
        },
        {
            "name": "实习",
            "value": 16
        },
        {
            "name": "雇主类型",
            "value": 10
        },
        {
            "name": "星座运势",
            "value": 789
        },
        {
            "name": "星座",
            "value": 316
        },
        {
            "name": "算命",
            "value": 303
        },
        {
            "name": "解梦",
            "value": 196
        },
        {
            "name": "风水",
            "value": 93
        },
        {
            "name": "面相分析",
            "value": 47
        },
        {
            "name": "手相",
            "value": 32
        },
        {
            "name": "公益",
            "value": 90
        }
    );
    // 人像的base64编码
        image1= "data:image/png;base64,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"
    
        var maskResource = new Image()
        maskResource.src=image1;
        var option ={
            //设置标题,居中显示
            title:{
                text: 'E词云图',
                left:'center',
             },
            //数据可以点击
            tooltip:{

            },

            series:[
                {
                    maskImage:maskResource,
                    //词的类型
                    type: 'wordCloud',
                    //设置字符大小范围
                    sizeRange:[6,78],
                    rotationRange:[-45,90],
                    textStyle: {
                        normal:{
                            //生成随机的字体颜色
                            color:function () {
                                return 'rgb(' + [
                                    Math.round(Math.random() * 160),
                                    Math.round(Math.random() * 160),
                                    Math.round(Math.random() * 160)
                                ].join(',')+')';

                            }
                        }

                    },
                    //不要忘记调用数据
                       data:jsonlist

                 }
            ]

        };
        //加载图像,将数据放在图像中
        maskResource.onload = function(){
            mycharts.setOption(option)

            };
    </script>

</body>
</html>

自定义展示形状

1.下载图片
首先要找到一张图片,为了成功率较高,随意对图片也是有要求的,图片一定要是矢量图,并且最好为黑色填充,当然其他颜色也行;

给大家推荐一个可以获取图片的网站,阿里iconfont图标库;选择png格式

2.转化图片为base64
我们不能直接使用图片,需要把图片转成base64,这里给大家推荐一个免费转换的网址base64图片在线转换工具 - 站长工具

3.修改配置项
想变成其他图形样子,就按照上面的步骤来,然后把64位编码复制到image后就行了

  • 7
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值