其他

tag-cloud 词云布局

alias: word-cloud

具体用法见示例：

  1. dv.transform({
  2.   type: 'tag-cloud',
  3.   fields: ['text', 'value'], // 参与标签云layout的字段集（前者为文本内容，后者为权重值）
  4.   font: 'serif', // 标签字体
  5.   size: [500, 500], // 画布size，[ width, height ]
  6.   padding: 0,
  7.   spiral: 'archimedean', // 标签螺旋排布规律函数 'archimedean' || 'rectangular' || {function}
  8.   fontSize(d) {
  9.     return d.value;
  10.   }, // 计算标签字体大小的回调函数，d为一行数据
  11.   timeInterval: Infinity, // 最大迭代时间，默认为无限大
  12.   imageMask: { Image }, // Image的实例，必须是 loaded 状态
  13. });

带图片形状的词云布局实例

  1. const imageMask = new Image();
  2. imageMask.crossOrigin = '';
  3. imageMask.src = 'https://zos.alipayobjects.com/rmsportal/EEFqYWuloqIHRnh.jpg';
  4. imageMask.onload = () => {
  5.   dv.transform({
  6.     type: 'tag-cloud',
  7.     imageMask,
  8.   });
  9. };