echarts字符云(词云)

 下面是一个小鸟形状的词云,可以在iconfont中下载(最好是填充的)图案,转为base64,就可以用来生成有图案的词云了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WordCloud Demo</title>
    <script type="text/javascript" src="./echarts.js"></script>
    <script type="text/javascript" src="./echarts-wordcloud.min.js"></script>
</head>
<body>
    <div id="main" style="width: 800px; height: 600px"></div>
    <script>
        onload = function () {
            var data = {
                value: [{
                    "name": "花鸟市场",
                    "value": 1446
                },
                    {
                        "name": "汽车",
                        "value": 928
                    },
                    {
                        "name": "视频",
                        "value": 906
                    },
                    {
                        "name": "电视",
                        "value": 825
                    },
                    {
                        "name": "Lover Boy 88",
                        "value": 514
                    },
                    {
                        "name": "动漫",
                        "value": 486
                    },
                    {
                        "name": "音乐",
                        "value": 53
                    },
                    {
                        "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": "信托",
                 
  • 11
    点赞
  • 42
    收藏
    觉得还不错? 一键收藏
  • 16
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值