# 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 完整项目,Python 毕业设计,包含:项目源码、数据库脚本、软件工具等,前后端代码都在里面。可用于 Python 毕业设计,Python 课程设计,Python 期末大作业。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行!可以放心下载, 1. 技术组成 前端: html 后台框架:Python 开发环境:pycharm 数据库可视化工具:使用 Navicat 2 部署 用 pycharm 打开,使用 pip 下载相关依赖,然后 run 就 ok 了,如果不会部署的话,可以联系我
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计-python的基于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
资源评论
程序员徐师兄
- 粉丝: 1824
- 资源: 2495
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 昱感微融合产品 YGW-L2 集成了激光雷达,可见光摄像头,红外摄像头,多传感器融合后生 成时空对齐的多维像素数据,通过 GMSL 接口发出 本品为客户提供更加直接、高效、和可 扩展的环境与事件感知能
- 1、判断是否回文正数 2、两个字符串相加 3、整理课上内容(HTML)
- 数据中台建设方法论.pdf
- Cangjie Studio社区版1.1 开发者手册:IDE介绍及使用教程
- 昱感微融合产品YGW-R1集成了毫米波雷达,可见光摄像头,红外摄像头,多传感器融合后生成时空对齐的多维像素数据,通过GMSL接口发出 本品为客户提供更加直接、高效、和可扩展的环境与事件感知能力
- 服务商快速进件+投诉处理插件
- C#ASP.NET简易库存管理系统源码数据库 SQL2019源码类型 WinForm
- 昱感微融合产品YGW-L1集成了激光雷达,可见光摄像头,红外摄像头,多传感器融合后生成时空对齐的多维像素数据,通过GMSL接口发出 本品为客户提供更加直接、高效、和可扩展的环境与事件感知能力
- ansys Fluent阀门CFD分析
- 基于 SpringBoot 的宽带业务管理系统:构建智能化宽带业务运营新范式
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功