数据可视化展示—用户词云

最新推荐文章于 2024-08-20 09:06:34 发布

wengqt

最新推荐文章于 2024-08-20 09:06:34 发布

阅读量3.7k

点赞数

分类专栏：智库项目 js 前端开发文章标签： JavaScript antv

本文链接：https://blog.csdn.net/wengqt/article/details/80640392

版权

本文介绍了如何利用蚂蚁金服的AntV G2库创建用户词云，词云作为数据可视化的手段，能有效突出显示文本数据中的关键词，并根据权重调整文字大小。通过引入g2.min.js、data-set.min.js等模块，结合lodash处理数据，最终配置词云并显示tooltip，实现了鼠标悬停时的详细信息展示。

摘要由CSDN通过智能技术生成

词云

用户词云是用来来展示大量文本数据，由词汇组成类似云的彩色图形，铜虫用于展示数据中的标签等，它可以根据标签的权重来控制展示文字的大小，它有以下的优点：

快速感知最突出的文字
快速定位按字母顺序排列的文字中相对突出的部分

本质上，词云是特殊的点图，就是在画布上绘制点，每一个点代表一个词，点的大小是权重，根据颜色区分类别，最后将点替换为文字，配置上旋转和图形即可。

这里我们使用的是蚂蚁金服AntV的G2图，首先看一下官网给的样例需要引入的模块：

<script src="https://gw.alipayobjects.com/os/antv/assets/g2/3.1.0/g2.min.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/assets/data-set/0.8.7/data-set.min.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/assets/lib/jquery-3.2.1.min.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/assets/lib/lodash-4.17.4