词云图中如何自定义词语的字体大小?

如何自定义词云中的文字大小,我希望权重较大的文字能显示的更大些,比如下面这个例子中我想让最大的文字大小达到40px,我该怎么做呢?
image.png

阅读 3k
2 个回答

解决方案 Solution

在VChart图表库中,你可以设置wordCloudChart.fontSizeRange来配置字体大小范围,它表示数据最小值和最大值分别对应的文字大小,在你给出的例子中,可以配置wordCloudChart.fontSizeRange: [5, 40]来达到预期效果。

代码示例 Code Example

代码参考 Code Example

const response = await fetch('https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/data-wordcloud.json');
const dataWordCloud = await response.json();
const spec = {
  type: 'wordCloud',
  nameField: 'challenge_name',
  valueField: 'sum_count',
  seriesField: 'challenge_name',
  data: {
    name: 'baseData',
    values: dataWordCloud
  },
  fontSizeRange: [5, 40],
};

结果展示 Results

在线效果参考:https://codesandbox.io/s/wordcloud-chart-fontsizerange-znkv37

image.png

相关文档 Related Documentation

词云demo:https://www.visactor.io/vchart/demo/word-cloud-chart/word-clo...

词云教程:https://www.visactor.io/vchart/guide/chart/word-cloud

相关api:https://www.visactor.io/vchart/option/wordCloudChart#fontSize...

github:https://github.com/VisActor/VChart

image.png
加大权重, 文字大小事根据这个判断的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题