解决方案 Solution在VChart图表库中,你可以设置wordCloudChart.fontSizeRange来配置字体大小范围,它表示数据最小值和最大值分别对应的文字大小,在你给出的例子中,可以配置wordCloudChart.fontSizeRange: [5, 40]来达到预期效果。代码示例 Code Example代码参考 Code Exampleconst 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相关文档 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
解决方案 Solution
在VChart图表库中,你可以设置
wordCloudChart.fontSizeRange
来配置字体大小范围,它表示数据最小值和最大值分别对应的文字大小,在你给出的例子中,可以配置wordCloudChart.fontSizeRange: [5, 40]
来达到预期效果。代码示例 Code Example
代码参考 Code Example
结果展示 Results
在线效果参考:https://codesandbox.io/s/wordcloud-chart-fontsizerange-znkv37
相关文档 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