echarts实现词云⾃定义形状的⽰例代码安装
npm install echarts
npm install echarts-wordcloud
下⾯是⼀个⼩鸟形状的词云，可以在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" ></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
setoption},
{
"name": "⽹络奇闻",
"value": 15
},
{
"name": "旅游出⾏",
"value": 438
},
{
"name": "景点类型",
"value": 957
},
{
"name": "国内游",
"value": 927
},
{
"name": "远途出⾏⽅式",
"value": 908
},
{
"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": 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": 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": 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
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论