ec-wordcloud

文档

Install

<script src="ec-wordcloud.js"></script>
<script>
<!--ECWordcloud变为全局变量-->
</script>

Or

npm install ec-wordcloud -S
/** 或者推荐 **/
yarn add ec-wordcloud -S

import ECWordcloud from 'ec-wordcloud'

Usage

options更多请参考wordcloud2

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

wordcloud.resize()

Notice

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

• 请使用图形为纯黑色的白底图片（格式为jpg/png）；
• 如果形状显示不太完美，请不断调整fontSizeFactor, maxFontSize和minFontSize等参数；
• 其他格式（SVG、base64等）暂不支持，请先转换为图片；