# 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 mysql 开发 (数据分析以图表形式展示) 用户登录,进入系统后,做出如下操作 1.爬虫,爬取全新疆的招聘网站数据(某个网站,点按钮可以爬虫)需要爬虫文档 2.热门行业,热门岗位分析 3.应聘者该具备哪些基本能力,对经验,学历的要求分析 4.分析岗位分布 3.1 系统结构 对于此次的系统开发,在结构上,通过以框架是的开发为主要的开发方式,通过上述的章节已经对整个开发的大题内容、整体的思路有着非常细致的分析,在该节通过以确认的开发目的,通过以各个模块的参与来实现对整个系统的整体内容搭建和开发,对于本次的开发过程而言,是通过以爬取数据和分析为主要的应用内容,通过确认核心的内容之后,在进行其他功能模块的添加和完善,从而形成一个整体的内容开发过程,具体的内容结构设计图展示如下:
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计-基于python招聘数据分析可视化系统(django)毕业设计与实现(源码+数据库+演示视频).zip (485个子文件)
main2.css 351KB
bootstrap.css 132KB
bootstrap.min.css 118KB
layui.css 78KB
animate.css 71KB
login.css 37KB
index_2018051810.css 32KB
font-awesome.min.css 30KB
bootstrap-theme.min.css 23KB
index_pdf.css 16KB
themify-icons.css 16KB
layer.css 15KB
layer.css 14KB
layui.mobile.css 11KB
css.css 10KB
sccl.css 10KB
laydate.css 9KB
report.css 9KB
css.css 8KB
laydate.css 7KB
h5.css 6KB
h5.css 6KB
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
index_2018051810.css-old 31KB
chengdu-python.csv 15KB
前程无忧招聘数据.csv 304B
Python招聘分析系统论文.doc 1.2MB
标色辅助修改.docx 1.03MB
原文修改.docx 32KB
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
gif.gif 51KB
loader.gif 47KB
li.gif 19KB
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
共 485 条
- 1
- 2
- 3
- 4
- 5
流水不腐程序
- 粉丝: 645
- 资源: 1024
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 青岛大学人工智能实验二 利用α-β搜索的博弈树算法编写一字棋游戏
- ### 1、项目介绍 本项目Scrapy进行数据爬取,并使用Django框架+PyEcharts实现可视化大屏 效果如下:
- # 微信小程序-健康菜谱 基于微信小程序的一个查找检索菜谱的应用 ### 效果 !动态图(./res/gif/demo
- zabbix-get命令包资源
- 289ssm-mysql-jsp 计算机课程实验管理系统.zip(可运行源码+数据库文件+文档)
- 毕业设计,基于PyQt5实现的可视化界面的Python车牌自动识别系统源码
- 20-天天果园项目.rar
- 26-朴素贝叶斯分类.rar
- 没有安Matlab 也可以 生成FIR抽头系数工具.py
- 自助购药小程序源代码含文档
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
- 4
前往页