# 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的毕业设计】招聘数据分析可视化系统(源码+录像演示+说明).zip 【实现功能】 功能上主要以对新疆地区的招聘信息进行数据的爬取,向新疆人才信息网、58同城、智联招聘等等,通过对这些网站中的关于新疆地区的招聘岗位信息进行大数据的获取,并且对热门的岗位通过算法来进行分析,进行热门岗位的排名。并且通过岗位的入职要求分析来进行相应的总结,对当代的学生提供能力需求、经营需求、学历需求等方面的信息总结。
资源推荐
资源详情
资源评论
收起资源包目录
【基于Python+Django的毕业设计】招聘数据分析可视化系统(源码+录像演示+说明).zip (320个子文件)
main2.css 351KB
bootstrap.css 132KB
bootstrap.min.css 118KB
layui.css 78KB
animate.css 71KB
login.css 37KB
font-awesome.min.css 30KB
bootstrap-theme.min.css 23KB
themify-icons.css 16KB
layer.css 15KB
layer.css 14KB
layui.mobile.css 11KB
sccl.css 10KB
laydate.css 9KB
laydate.css 7KB
demo.css 3KB
iconfont.css 2KB
mobile.css 2KB
skin.css 2KB
code.css 1KB
style.css 871B
skin.css 725B
skin.css 725B
font.css 512B
chengdu-python.csv 15KB
前程无忧招聘数据.csv 304B
fontawesome-webfont.eot 162KB
icomoon.eot 101KB
themify.eot 77KB
iconfont.eot 46KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
iconfont.eot 11KB
loader.gif 47KB
59.gif 10KB
22.gif 10KB
loading.gif 8KB
24.gif 8KB
13.gif 7KB
16.gif 7KB
39.gif 6KB
64.gif 6KB
63.gif 6KB
50.gif 6KB
loading-0.gif 6KB
4.gif 6KB
1.gif 5KB
42.gif 5KB
71.gif 5KB
21.gif 5KB
20.gif 5KB
29.gif 5KB
70.gif 4KB
5.gif 4KB
17.gif 4KB
27.gif 4KB
9.gif 4KB
44.gif 4KB
11.gif 4KB
8.gif 4KB
3.gif 4KB
loading-b.gif 4KB
23.gif 4KB
34.gif 4KB
41.gif 4KB
38.gif 4KB
65.gif 3KB
32.gif 3KB
45.gif 3KB
7.gif 3KB
12.gif 3KB
26.gif 3KB
60.gif 3KB
2.gif 3KB
40.gif 3KB
25.gif 3KB
19.gif 3KB
66.gif 3KB
18.gif 3KB
46.gif 3KB
10.gif 3KB
28.gif 3KB
51.gif 3KB
57.gif 3KB
67.gif 3KB
0.gif 3KB
48.gif 3KB
43.gif 3KB
30.gif 2KB
61.gif 2KB
33.gif 2KB
69.gif 2KB
14.gif 2KB
47.gif 2KB
36.gif 2KB
49.gif 2KB
58.gif 2KB
6.gif 2KB
54.gif 2KB
53.gif 2KB
共 320 条
- 1
- 2
- 3
- 4
资源评论
- EIDorado7692024-03-31非常有用的资源,可以直接使用,对我很有用,果断支持!
- m0_743979682024-01-24发现一个超赞的资源,赶紧学习起来,大家一起进步,支持!
- m0_708864542024-04-10发现一个宝藏资源,资源有很高的参考价值,赶紧学起来~
- m0_623286922024-04-19资源很好用,有较大的参考价值,资源不错,支持一下。
- Liquir2024-03-14非常有用的资源,有一定的参考价值,受益匪浅,值得下载。
职场程序猿
- 粉丝: 6378
- 资源: 3706
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 11 -公司内部培训师报名表.docx
- 07-企业内部培训师选拔与培训方案.docx
- 09-内训师讲师手册.docx
- 08-企业内训师指导手册.docx
- 10-内部培训师薪酬制度.docx
- 13 -内部培训师推荐(自荐)表.docx
- 12 -内部合格培训师名单.docx
- 14 -内训师面试评分表(初试).docx
- 15 -培训师培训效果评估表.docx
- 某些iphone手机录音获取流stream延迟问题 以及 录音一次第二次不录音问题
- 防爆消防灭火侦察机器人sw16可编辑全套技术开发资料100%好用.zip
- 02-培训总结报告书.docx
- 01-培训总结.docx
- 03-培训总结表.docx
- 04-培训课程总结表.docx
- 06-培训总结与分析.xlsx.xls
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功