其他
tag-cloud 词云布局
alias: word-cloud
具体用法见示例:
dv.transform({
type: 'tag-cloud',
fields: ['text', 'value'], // 参与标签云layout的字段集(前者为文本内容,后者为权重值)
font: 'serif', // 标签字体
size: [500, 500], // 画布size,[ width, height ]
padding: 0,
spiral: 'archimedean', // 标签螺旋排布规律函数 'archimedean' || 'rectangular' || {function}
fontSize(d) {
return d.value;
}, // 计算标签字体大小的回调函数,d为一行数据
timeInterval: Infinity, // 最大迭代时间,默认为无限大
imageMask: { Image }, // Image的实例,必须是 loaded 状态
});
带图片形状的词云布局实例
const imageMask = new Image();
imageMask.crossOrigin = '';
imageMask.src = 'https://zos.alipayobjects.com/rmsportal/EEFqYWuloqIHRnh.jpg';
imageMask.onload = () => {
dv.transform({
type: 'tag-cloud',
imageMask,
});
};