# echarts-wordcloud
Unofficial (https://github.com/apache/incubator-echarts) wordcloud extension based on [wordcloud2.js](https://github.com/timdream/wordcloud2.js) for Apache ECharts.
![](./example/word-cloud.png)
## Examples
[Google Trends](https://ecomfe.github.io/echarts-wordcloud/example/wordCloud.html)
[ECharts Option Keywords](https://ecomfe.github.io/echarts-wordcloud/example/optionKeywords.html)
## Install
```html
<script src="echarts.min.js"></script>
<script src="echarts-wordcloud.min.js"></script>
```
Or
```shell
npm install echarts
npm install echarts-wordcloud
```
```js
import * as echarts from 'echarts'
import 'echarts-wordcloud';
```
NOTE:
echarts-wordcloud@2 is for echarts@5
echarts-wordcloud@1 is for echarts@4
## Usage
```js
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
...
series: [{
type: 'wordCloud',
// The shape of the "cloud" to draw. Can be any polar equation represented as a
// callback function, or a keyword present. Available presents are circle (default),
// cardioid (apple or heart shape curve, the most known polar equation), diamond (
// alias of square), triangle-forward, triangle, (alias of triangle-upright, pentagon, and star.
shape: 'circle',
// A silhouette image which the white area will be excluded from drawing texts.
// The shape option will continue to apply as the shape of the cloud to grow.
maskImage: maskImage,
// Folllowing left/top/width/height/right/bottom are used for positioning the word cloud
// Default to be put in the center and has 75% x 80% size.
left: 'center',
top: 'center',
width: '70%',
height: '80%',
right: null,
bottom: null,
// Text size range which the value in data will be mapped to.
// Default to have minimum 12px and maximum 60px size.
sizeRange: [12, 60],
// Text rotation range and step in degree. Text will be rotated randomly in range [-90, 90] by rotationStep 45
rotationRange: [-90, 90],
rotationStep: 45,
// size of the grid in pixels for marking the availability of the canvas
// the larger the grid size, the bigger the gap between words.
gridSize: 8,
// set to true to allow word being draw partly outside of the canvas.
// Allow word bigger than the size of the canvas to be drawn
drawOutOfBound: false,
// If perform layout animation.
// NOTE disable it will lead to UI blocking when there is lots of words.
layoutAnimation: true,
// Global text style
textStyle: {
fontFamily: 'sans-serif',
fontWeight: 'bold',
// Color can be a callback function or a color string
color: function () {
// Random color
return 'rgb(' + [
Math.round(Math.random() * 160),
Math.round(Math.random() * 160),
Math.round(Math.random() * 160)
].join(',') + ')';
}
},
emphasis: {
focus: 'self',
textStyle: {
shadowBlur: 10,
shadowColor: '#333'
}
},
// Data is an array. Each array item must have name and value property.
data: [{
name: 'Farrah Abraham',
value: 366,
// Style of single text
textStyle: {
}
}]
}]
});
```
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
系统的实现 4.1 用户注册登录界面 本次设计的登录界面中,是将登录和注册均设计在了同一个登录的画面下,在该画面下可以通过选择登录或者注册来进行不同的内容选择。在用户的注册过程中,需要用户输入密码、邮箱以及用户名等信息来完成注册,用户的注册界面展示如下: 图4.1B站分析系统用户注册界面 4.2 up主分析 当进入到up主分析的页面时,可以看到按照设计的需求,能够在up主的分析中通过柱状图和折线图的方式来进行相关的数据分析。在该页面中能够看到up主最喜爱发布的视频类型统计,有搞笑、家庭等内容分析,在当前up主发布视频的时间规律上,可以看到有以星期和发布数量形成的X轴和Y轴,并且有折线图来进行每天发布视频数量的信息数据统计,如下图所示: 图4.2B站UP主分析界面 4.3 综合分析界面 在综合分析中,可以看到有三个不同的统计口径,分别为按时、按周和按月三个选择,以下图为例,在按时进行统计时,在柱状图的分析中能够看到该网站内UP主视频发布的数量统计分析,在该图中可以看出7点左右是视频发布数量最多的时段。而在前二十的排名中,可以有视频标签类型的排名,可以看出娱乐的视频发布的数量最多。
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计-基于python基于B站用户行为分析系统毕业设计与实现(源码+数据库+演示视频).zip (582个子文件)
font-awesome.min.css 34KB
home.css 33KB
index_2018051810.css 32KB
icon.css 25KB
responsive.css 17KB
select2.css 17KB
index_pdf.css 16KB
base.css 16KB
select2.min.css 15KB
style.css 13KB
css.css 10KB
widgets.css 10KB
report.css 9KB
autocomplete.css 8KB
forms.css 8KB
css.css 8KB
changelists.css 6KB
h5.css 6KB
h5.css 6KB
core.css 5KB
rtl.css 4KB
snow.css 2KB
responsive_rtl.css 2KB
login.css 1KB
fonts.css 423B
dashboard.css 412B
index_2018051810.css-old 31KB
user.dict 3KB
2021届毕业设计论文排版格式模板 (2).doc 1.26MB
2021届毕业设计论文内容撰写规范.doc 32KB
原文修改.docx 29KB
标色辅助修改.docx 18KB
fontawesome-webfont.eot 75KB
geckodriver.exe 3.34MB
gif.gif 51KB
li.gif 19KB
nicEditorIcons.gif 4KB
qq.gif 1KB
noimg.gif 713B
.gitignore 32B
全文对照报告.html 126KB
全文标明引文报告.html 108KB
去除本人已发表文献报告.html 108KB
简洁报告.html 79KB
customer.html 25KB
release.html 25KB
atlas.html 23KB
agreement.html 16KB
index-starLevel.html 15KB
content.html 14KB
go-reg-reg.html 13KB
optionKeywords.html 13KB
all_analysis.html 13KB
content-data.html 11KB
go-reg-username.html 9KB
related.html 8KB
standard.html 7KB
asset_base.html 7KB
test_analysis.html 7KB
data-show.html 7KB
page.html 6KB
emotion_anas.html 6KB
base.html 6KB
go-reg.html 6KB
up_analysis.html 6KB
user_analysis.html 5KB
wordCloud.html 5KB
forget_pwd.html 5KB
detail_base.html 4KB
info-edit.html 3KB
home.html 3KB
register.html 3KB
login.html 3KB
three_analysis.html 2KB
page_2.html 2KB
info.html 2KB
wordcloud.html 2KB
page_3.html 2KB
page_4.html 2KB
asset.html 1KB
favicon.ico 4KB
logo.jpeg 82KB
body.jpg 1.26MB
banner.jpg 484KB
img-ad4.jpg 358KB
img-ad10.jpg 358KB
img-ad7.jpg 332KB
img-ad2.jpg 319KB
img-ad9.jpg 318KB
img-ad8.jpg 316KB
img-ad0.jpg 307KB
img-ad5.jpg 270KB
ad1.jpg 240KB
img-ad1.jpg 227KB
img-ad6.jpg 221KB
img-ad3.jpg 210KB
ad2.jpg 199KB
ad3.jpg 189KB
help_1.jpg 87KB
help_2.jpg 66KB
共 582 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
- m0_597652422023-10-19资源简直太好了,完美解决了当下遇到的难题,这样的资源很难不支持~
- 卧龙文化工作室2024-05-16这个资源对我启发很大,受益匪浅,学到了很多,谢谢分享~
流水不腐程序
- 粉丝: 680
- 资源: 952
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 使用python爬取数据并采用Django搭建系统的前后台,使用Spark进行数据处理并进行电影推荐项目源码
- 基于C++的简易图书管理系统(含exe可执行文件)
- Python毕业设计基于知识图谱的电影推荐系统源码(完整项目代码)
- 国际象棋棋子检测3-YOLO(v5至v9)、COCO、CreateML、Darknet、Paligemma、TFRecord数据集合集.rar
- Hadoop复习资料题库.zip
- 基于python和协同过滤算法的电影推荐系统
- 基于resnet的动物图像分类系统(python期末大作业)PyQt+Flask+HTML5+PyTorch.zip
- 电动蝶阀远程自动化控制系统的构建与应用
- 使用机器学习算法基于用户的社交媒体使用情况预测用户情绪
- jQuery信息提示插件
- 国际象棋棋子检测8-YOLO(v5至v11)、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- 2023最新仿蓝奏云合集下载页面系统源码 带后台版本
- Cisco Packet Tracer实用技巧及网络配置指南
- 基于SpringBoot+Vue的家具商城系统设计与实现(编号:97913147)(1).zip
- 基于springboot+vue的大学生创业项目的信息管理系统(编号:96166263).zip
- 基于Springboot的本科实践教学管理系统(编号:1407703).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功