DataTalks 数据可视化 是一款专注于通过可视化应用分析和展示庞杂数据的产品,旨在让更多人感受到数据可视化的魅力。它帮助非专业工程师通过图形化界面轻松搭建专业水准的可视化应用,满足多种业务场景的展示需求。
一、免费使用地址
欢迎大家访问并使用!DataTalks 不仅提供强大的可视化功能,还支持灵活的二次开发能力,满足更深层次的集成需求。欢迎大家访问并使用!DataTalks 不仅提供强大的可视化功能,还支持灵活的二次开发能力,满足更深层次的集成需求。
二、表格组件
1、多种表现形式
DataTalks 提供了丰富的表格表现能力,能够满足用户多样化的数据展示需求。以下是其支持的主要数据表现形式:
1. 排行榜:用于展示排名数据,直观显示各项的排序情况。
2. 红绿灯:通过颜色区分数据的状态或变化,常用于表示涨跌、正负等。
3. 进度条:以进度条形式展示数据的完成度或比例。
4. 星级:用星级评分展示数据的等级或评分。
5. 上下箭头:通过箭头表示数据的上升或下降趋势。
6. 图标:使用图标来直观表示特定的数据类型或状态。
7. 高亮:突出显示关键数据或重要信息。
8. 迷你地图:在表格中嵌入小型地图,展示地理数据。
9. 迷你环型:以环形图形式展示数据的比例或进度。
-
迷你折线:在单元格内嵌入小型折线图,展示数据趋势。
-
迷你柱状:以小型柱状图形式展示数据的对比情况。
-
颜色:通过颜色区分不同的数据类别或状态。
-
标签:为数据添加标签,便于分类和识别。
-
趋势:展示数据的变化趋势,通常以折线图或箭头表示。
-
热力:通过热力图展示数据的密度或强度。
-
数据对比:直观展示不同数据之间的对比情况。
-
动画:通过动态效果展示数据的变化过程。
-
单元格合并:合并单元格以展示更复杂的数据结构或信息。
用户可以根据具体的业务需求,选择合适的表现形式,从而更有效地传达数据信息,提升数据的可读性和可视化效果。
2、任意设置样式
DataTalks 的表格组件提供了高度灵活的样式自定义功能,用户可以根据具体需求对表格的各个部分进行个性化设置,包括表头、表体、数据行和单元格等。以下是其主要特点:
(1)、 表头样式设置
支持自定义表头的背景颜色、字体样式(如字体大小、颜色、粗细)、对齐方式(左对齐、居中、右对齐)等。
可以设置表头的边框样式(如边框颜色、粗细、虚线/实线)。
支持表头固定、悬浮等交互效果,方便用户在滚动表格时查看表头信息。
2. 表体样式设置
表体的背景颜色、字体样式、对齐方式等均可自定义。
支持斑马线效果(交替行背景色),提升表格的可读性。
可以设置表体的行高、列宽,以及整体的边框样式。
3. 数据行样式设置
支持根据数据内容动态设置行样式。例如,根据特定条件(如数值大小、状态)改变行的背景色或字体颜色。
可以为不同数据行设置不同的对齐方式、字体样式等。
支持行悬停效果(如鼠标悬停时高亮显示)。
4. 单元格样式设置
每个单元格的样式都可以独立设置,包括背景颜色、字体样式、边框样式等。
支持根据单元格内容动态设置样式。例如,数值大于某个阈值时显示为绿色,小于阈值时显示为红色。
可以设置单元格的合并、拆分,以及跨行跨列的样式。
5. 灵活配置样式参数
提供丰富的样式配置选项,用户可以通过可视化界面或代码方式快速调整样式。
支持全局样式设置,也可以针对特定行、列或单元格进行局部样式覆盖。
样式配置支持实时预览,方便用户快速调整并查看效果。
6. 满足不同业务需求
通过灵活的样式设置,用户可以根据业务场景(如财务报表、项目管理、数据监控等)定制符合需求的表格样式。
支持多种主题模式(如深色模式、浅色模式),适应不同的使用环境。
示例场景:
财务报表: 表头设置为深色背景+白色字体,数据行根据金额大小动态显示红绿色。
项目管理: 使用进度条和颜色区分任务状态,重要任务行高亮显示。
数据监控: 通过热力图和趋势箭头展示数据变化,关键数据单元格加粗显示。
通过这种高度灵活的样式设置能力,DataTalks 能够帮助用户创建更加直观、美观且符合业务需求的表格,提升数据展示的效果和用户体验。
3、表格字段配置
通过字段配置页面,用户可输入相应的字段参数和显示类型,绑定组件的数据集。同时,组件支持表格的显示名称、列宽、对齐方式、格式化、排序等操作
DataTalks 提供了强大的表格字段配置功能,用户可以通过直观的配置页面,灵活定义表格的字段属性、显示类型以及数据绑定等。以下是其主要功能和操作说明:
(1)、字段参数配置
字段名称:设置字段的唯一标识符,通常与数据集中的字段对应。
显示名称:自定义字段在表格中显示的列名(表头名称),可以与字段名称不同。
显示类型:选择字段的展示形式,例如:
文本
数字(支持千分位、小数位数等格式化)
日期(支持多种日期格式)
自定义图标、进度条、星级评分等。
(2)、列宽与对齐方式
列宽: 支持手动调整列宽,或设置为自适应宽度(根据内容自动调整)。
对齐方式: 设置字段内容的对齐方式,包括:左对齐、居中对齐、右对齐
(3)、数据格式化
数字格式化: 支持设置小数位数、千分位分隔符、百分比显示等。
日期格式化: 支持自定义日期显示格式,如 YYYY-MM-DD、MM/DD/YYYY 等。
渲染格式化: 用户可通过编制JS脚本,实现任意数据的格式化操作。
(4)、排序功能
支持对字段进行排序配置:
默认排序: 设置表格初始加载时的排序规则(升序、降序)。
禁用排序: 对于不需要排序的字段,可以禁用排序功能。
4、表格无缝滚动
DataTalks 的表格组件支持无缝滚动功能,能够为用户提供流畅的数据浏览体验,特别适用于展示大量数据或需要动态更新的场景。以下是关于无缝滚动功能的详细介绍:
(1)、滚动方向
水平滚动:支持表格内容在水平方向上无缝滚动,适用于列数较多的表格。
垂直滚动:支持表格内容在垂直方向上无缝滚动,适用于行数较多的表格。
双向滚动:同时支持水平和垂直方向的无缝滚动,适用于大型数据表格。
(2)、滚动速度
用户可以自定义滚动速度,调整滚动的快慢:
慢速:适合需要仔细查看数据的场景。
中速:适合常规浏览。
快速:适合快速浏览大量数据。
支持通过数值精确设置滚动速度(如每秒滚动多少像素)。
(3)、单步滚动的高宽
单步滚动高度:设置垂直滚动时每次滚动的高度(如每次滚动一行或若干像素)。
单步滚动宽度:设置水平滚动时每次滚动的宽度(如每次滚动一列或若干像素)。
通过调整单步滚动的高宽,可以控制滚动的平滑度和节奏。
(4)、 停留时间
支持设置滚动到某一行或某一列后的停留时间,方便用户查看重要数据。
例如:滚动到关键行时停留 3 秒,然后再继续滚动。