首页 > 其他分享 >爱心词云图

爱心词云图

时间:2024-04-08 10:59:23浏览次数:11  
标签:服务 name 健身 base64 value 云图 爱心 Math

<!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后就行了

标签:服务,name,健身,base64,value,云图,爱心,Math
From: https://blog.csdn.net/x11__111/article/details/137497637

相关文章

  • 词云图案例
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>词云图</title><scripttype="text/javascript"src="js/echarts.js"></script><......
  • 爱心代码Python
    importrandomfromtkinterimport*frommathimportsin,cos,pi,logfor_inrange(520):x,y=random.choice(point_list)x,y=scatter_inside(x,y,0.17)self._center_diffusion_points.add((x,y))heart_halo_point=set()for_inrange(halo_number):t......
  • 基于springboot+vue+Mysql的留守儿童爱心网站
    开发语言:Java框架:springbootJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9系统展示系统首页界面宣传新闻界面志愿活动界面爱心捐赠界面个人中心界面用户注册界面管理员登录界面......
  • 【HTML】跳动的3D爱心,发给你爱的人
    前言想给爱的人整点“有技术”的浪漫?最好的办法就是用HTML整个爱心啦。小编已经帮你们整出来啦,赶快拿去发个你爱的人吧~HTML介绍HTML(HypertextMarkupLanguage)是一种标记语言,用于创建网页。它由一系列的标签组成,这些标签可以告诉浏览器如何显示网页的内容。在本文中,我们将......
  • 游戏陪玩app源码,多爱心漂浮按钮周围的实现代码
    爱之满满按钮效果怎么样才能在游戏陪玩app源码中达到爱之满满按钮效果呢,那必然是越多的爱越好啊。我们想办法让爱心漂浮在按钮周围,在规定时间内爱心进行位移并消失即可。创建一个元素可以使用document.createElement,移除元素可以使用DOM的remove()剩下的就简单了,只需要在这个......
  • 陪玩app开发,实现一个爱心按钮的代码解析
    陪玩app开发,实现一个爱心按钮的代码解析❤️爱心按钮制作一个爱心的方式有很多,可以用图标库的爱心,可以写一个svg,可以用图片,我这里就用伪元素的方式做一个爱心。<!--fullLove.html--><divclass="likeBtn"id="likeBtn"><spanclass="heart"id="heart"></span></......
  • 云图说|揭秘云原生服务生命周期治理平台,云原生服务中心OSC
    阅识风云是华为云信息大咖,擅长将复杂信息多元化呈现,其出品的一张图(云图说)、深入浅出的博文(云小课)或短视频(云视厅)总有一款能让您快速上手华为云。更多精彩内容请单击此处。 本文分享自华为云社区《【云图说】第301期初识云原生服务中心——云原生服务生命周期治理平台》,作者......
  • 云图说|揭秘云原生服务生命周期治理平台,云原生服务中心OSC
    阅识风云是华为云信息大咖,擅长将复杂信息多元化呈现,其出品的一张图(云图说)、深入浅出的博文(云小课)或短视频(云视厅)总有一款能让您快速上手华为云。更多精彩内容请单击此处。​摘要:云原生服务中心(OSC)是面向服务提供商和服务使用者的云原生服务生命周期治理平台。本文分享......
  • JavaScript 实现点击爱心效果
    可放在网页任何位置,以下是代码:<script>(function(e,t){functionr(){s=s.filter((e)=>{e.alpha<=0?(t.body.removeChild(e.el),e=null):(e.y--,e.scale+=.004,e.alpha-=.013,e.el.style.cssText=`left:${e.x}px;top:${e.y}px;opac......
  • 云图说丨安全云脑:开箱即用的安全运营体验
     本文分享自华为云社区《【云图说】第300期安全云脑——开箱即用的安全运营体验》,作者:阅识风云。安全云脑(SecMaster)是华为云原生的新一代安全运营中心。为了协助用户在海量日志中高效感知安全事件、快速闭环安全事件,安全云脑将华为云多年的“修炼”成果融合到服务中,用户开箱即可......