# 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+Django的毕业设计】基于B站用户行为分析系统(源码+录像演示+说明).zip 【项目技术】 python+Django+mysql 【实现功能】 次所设计的系统中的每一项功能的具体内容如下。 (1)账号信息,用户能够在账号信息中看到自己的个人信息情况; (2)up主分析,在该分析内容中,可以通过图表的方式分析出up主最喜爱发布的视频类型、up主最喜爱发布的视频标签、up主的粉丝数、获赞总数、总播放数、阅读数、当前这个up主发布视频的时间规律等内容,这些内容都会以图表的方式来进行展示。 (3)用户分析,在用户的分析中,可以看到对于B站用户最喜爱互动的视频类型、用户最爱与朋友分享的视频类型以及用户最爱收藏和三连的视频类型进行图表的分析展示。 (4)综合分析,在综合分析中,可以看到整个B站内的视频发布图,在发布图中还能够进行时间单位的切换,可以查看小时、星期、月份等不同的时间单位下的视频发布量展示。综合分析中还有粉丝榜、播放榜、标签榜等内容的展示,可以通过三维图的方式来进行相关的内容展示。 (5)多维分析,在多维分析中,可以让用户进行多维的内容分析,按照用户的需求来进行分析使用。
资源推荐
资源详情
资源评论
收起资源包目录
【基于Python+Django的毕业设计】基于B站用户行为分析系统(源码+录像演示+说明).zip (418个子文件)
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
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
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
echarts-wordcloud.min.js 16KB
inlines.js 13KB
SelectFilter2.js 12KB
urlify.js 9KB
calendar.js 8KB
共 418 条
- 1
- 2
- 3
- 4
- 5
资源评论
职场程序猿
- 粉丝: 2735
- 资源: 3683
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- ccks2020 面向中文电子病历的医疗实体及事件抽取 数据集
- ccc23集群调度软件客户端
- Post Apocalyptic Fortress 1.2
- 本人从GITHUB上下载的FFMPEG+QT学习资料
- 基于springboot的夕阳红公寓管理系统
- matlab+数据预处理+线性回归预测+异常值+检测+适用于各种类型的数据集
- Java项目:基于SSM框架实现的家居商城系统分前后台【ssm+B/S架构+源码+数据库+毕业论文】
- 2023-04-06-项目笔记 - 第一百六十二阶段 - 4.4.2.160全局变量的作用域-160 -2024.06.12
- 神经元获取机器码,cc23集群
- 王楠-汇航铭筑建设项目质量管理标准化研究-5.6 论文
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功