# 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: {
}
}]
}]
});
```
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
毕业设计:Python用户行为分析系统(源码 + 数据库 + 说明文档) 第2章 用户行为分析系统需求分析 3 2.1 用户行为分析概述 3 2.2 系统的需求分析 3 2.3 可行性分析 3 2.3.1技术可行性 3 2.3.2经济可行性 4 2.3.3操作可行性 4 2.3.4发展可行性 4 2.4系统的非功能性需求 5 第3章 系统设计 6 3.1 系统的总体设计 6 3.2 角色的用例设计 6 3.3 具体功能设计 7 3.4数据库的设计 7 3.4.1数据库的概念设计 8 3.4.2数据库的逻辑设计 8 第4章 系统的实现 9 4.1 用户注册登录界面 9 4.2 up主分析 9 4.3 综合分析界面 10 4.4多维分析 11 4.5排名分析 12 第5章 系统的测试 13 5.1测试的目的 13 5.2测试的过程 13 5.3测试结果 13 第5章 结 论 14
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计:Python用户行为分析系统(源码 + 数据库 + 说明文档) (424个子文件)
font-awesome.min.css 34KB
home.css 33KB
icon.css 25KB
responsive.css 17KB
select2.css 17KB
base.css 16KB
select2.min.css 15KB
style.css 13KB
widgets.css 10KB
autocomplete.css 8KB
forms.css 8KB
changelists.css 6KB
core.css 5KB
rtl.css 4KB
snow.css 2KB
responsive_rtl.css 2KB
login.css 1KB
fonts.css 423B
dashboard.css 412B
user.dict 3KB
2021届毕业设计论文排版格式模板 (2).doc 1.31MB
2021届毕业设计论文排版格式模板.doc 195KB
2021届毕业设计论文内容撰写规范.doc 31KB
Python用户行为分析系统.docx 29KB
fontawesome-webfont.eot 75KB
geckodriver.exe 3.34MB
nicEditorIcons.gif 4KB
noimg.gif 713B
.gitignore 32B
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
源码部署.jpg 888KB
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
echarts.min.js 730KB
echarts.min.js 730KB
echarts.min.js 289KB
jquery.js 253KB
select2.full.js 158KB
xregexp.js 126KB
jquery-1.5.2.min.js 84KB
jquery.min.js 84KB
jquery-2.1.4.min.js 82KB
jquery.min.js 82KB
select2.full.min.js 73KB
xregexp.min.js 61KB
nicEdit.js 49KB
echarts-wordcloud.js 48KB
layout.js 35KB
DateTimeShortcuts.js 20KB
共 424 条
- 1
- 2
- 3
- 4
- 5
资源评论
- sky082208222023-09-26资源值得借鉴的内容很多,那就浅学一下吧,值得下载!
- nanjing_zhang2023-09-28简直是宝藏资源,实用价值很高,支持!
- 卧龙文化工作室2024-04-30总算找到了自己想要的资源,对自己的启发很大,感谢分享~
三季人G
- 粉丝: 124
- 资源: 2369
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功