Install
<script src="ewordcloud.js"></script>
1
Or
npm install ewordcloud
1
import ewordcloud from 'ewordcloud'
1
Usage
options更多请参考wordcloud2
const wordcloud = new ewordcloud(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
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
methods
resize
wordcloud.resize()
1
Notice
更好地支持图片形状，注意点：
- 请使用图形为纯黑色的白底图片（格式为jpg/png）；
- 如果形状显示不太完美，请不断调整fontSizeFactor, maxFontSize和minFontSize等参数；
- 其他格式（SVG、base64等）暂不支持，请先转换为图片；