https://github.com/yokiyokiyoki/ec-wordcloud

:cloud: wordcloud extension based on wordcloud2.js
https://github.com/yokiyokiyoki/ec-wordcloud

echart-wordcloud javascript typescript wordcloud wordcloud2

Last synced: 20 days ago
JSON representation

:cloud: wordcloud extension based on wordcloud2.js

• Host: GitHub
• URL: https://github.com/yokiyokiyoki/ec-wordcloud
• Owner: yokiyokiyoki
• Created: 2019-01-10T07:52:52.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T07:22:41.000Z (almost 2 years ago)
• Last Synced: 2024-10-13T15:09:02.890Z (about 1 month ago)
• Topics: echart-wordcloud, javascript, typescript, wordcloud, wordcloud2
• Language: JavaScript
• Homepage:
• Size: 2.77 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ec-wordcloud

[文档](https://yokiyokiyoki.github.io/e-wordcloud/)

## 安装

```html

```

Or

```shell

npm install ec-wordcloud -S

/** 或者推荐 **/

yarn add ec-wordcloud -S

```

```js

import ECWordcloud from 'ec-wordcloud'

```

## 使用

> options更多请参考[wordcloud2](https://github.com/timdream/wordcloud2.js/blob/gh-pages/API.md)

```js

const wordcloud = new ECWordcloud(document.querySelector('.wordcloud'));

wordcloud.setOption({

    // ...

    maskImage: 'https://example.com/images/shape.png',     // 提供一张图片（链接方式，仅支持jpg/png），根据其形状进行词云渲染

    fontSizeFactor: 0.1,                                    // 词云权重系数，默认为0.1

    maxFontSize: 60,                                        // 最大fontSize，用来控制weightFactor，默认60

    minFontSize: 12,                                        // 最小fontSize，用来控制weightFactor，默认12

    tooltip: {

        show: true,                                         // 默认：false

        backgroundColor: 'rgba(0, 0, 0, 0.701961)',         // 默认：'rgba(0, 0, 0, 0.701961)'

        formatter: function(item) {                         // 数据格式化函数，item为list的一项

        }

    },

    data:[{

        name:'测试1',value:11

    },{

        name:'测试2',value:11

    }]

    // ...其余请参考wordcloud2.js

});

```

### methods

#### resize

```js

wordcloud.resize()

```

### Notice

更好地支持图片形状，注意点：

- 请使用图形为纯黑色的白底图片（格式为jpg/png）；

- 如果形状显示不太完美，请不断调整fontSizeFactor, maxFontSize和minFontSize等参数；

- 其他格式（SVG、base64等）暂不支持，请先转换为图片；