VisActor是字节跳动开源、从大量可视化场景沉淀而来。在覆盖常规可视化场景的同时,以叙事可视化为新的着力点,以智能可视化为目标,形成了包括渲染引擎、可视化语法、数据分析组件、图表组件、表格组件、GIS组件、图可视化组件、智能组件等多个模块以及周边生态组成的可视化解决方案。
- 网站地址: https://visactor.io/
- github:https://github.com/VisActor
- 博客:https://www.visactor.io/blog/visactor
- vTable文档:https://visactor.io/vtable/guide/introduction
- 示例:https://visactor.io/vtable/example
1、VisActor架构
作为一个完备的解决方案,VisActor在可视化完整流程的各个关键节点提供能力支持
1.1 VRender:*不只是一个功能丰富的可视化渲染引擎,更是一支得心应手的生花妙笔
其中基本功能包含:
- VRender 是可视化图形渲染引擎,负责可视化图表的最终呈现。
- 除了提供基础的图元绘制能力之外,VRender面向更广泛的可视化场景,提供动画自定义,图元组合,叙事编排等多种能力。
- 整个方案中所需的组件、事件、跨端能力都是以VRender为核心来构建,而且每种模块都提供了扩展接口
1.2 VGrammar:不只是生成万千图表的可视化语法,更是化枯燥为神奇的数据魔法师
- github:https://github.com/VisActor/VGrammar
- webSite: https://www.visactor.io/vgrammar
VGrammar 是整个VisActor 体系的核心,在此基础上,针对特定的业务场景,抽象出VChart、VTable、VGraph和VGis 等组件库。
2、vTable
vTable:不只是高性能的多维数据分析表格,更是行列间创作的方格艺术家
- github:https://github.com/VisActor/VTable
- webSite:https://www.visactor.io/vtable/
- 小结:https://juejin.cn/post/7287214029449805836
VTable 是基于Canvas 开发的高性能多维分析表格组件。
相对于传统DOM表格组件,VTable 主要解决的是大量数据情况下的渲染和交互性能问题,百万级数据纵享丝滑。
单元格呈现形式:
主要特性包含:
- 'text'文本类型:用于展示文字数据。同时支持多种样式和格式,如字体大小、颜色、加粗、斜体、自动换行等,也可对数据进行格式化,来满足不同的排版需求。
- 'link'链接类型:将数据转化为超链接,点击链接可以跳转到指定的网页或文件
- 'image'图像类型:将有效url转化为图像展示,如照片、图标等。
- 'video'视频类型:将有效url转化为视频展示,如YouTube视频、本地视频文件等。
- 'sparkline'迷你图类型:将数据转化为小型图表展示,如折线图、面积图,在表格中展示数据趋势和变化。
- 'progressbar'进度条类型:将数据转化为进度条展示,可自定义进度条颜色、大小和文本,可以方便地在表格中展示任务进度和状态。
- 'chart'图表类型:将数据转化为VChart图表在单元格中展示。
- 自定义渲染:如果想要单元格呈现更为丰富的内容或布局形态,还可以通过自定义渲染来实现
表格交互能力:https://visactor.io/vtable/example
- 选中单元格【select cells】: 支持单选,框选,选中整列,快捷键多选及全选
- hover高亮【hover highlight】: 支持hover单元格高亮,或十字高亮
- 拖拽换位:列显示顺序调整
- 排序:点击表头排序
- 冻结列:固定列
- 冻结行
- 调整列宽:拖拽列宽调整
- 表头分组
- 自动换行
- 单元格合并
- 行序号
- 异步懒加载
- 数据导出(csv、excel)
- 上卷下钻
- 右键复制粘贴
- 数据过滤
- 计算列
- 组件交互类型包括:滚动条滚动,tooltip提示,dropdown下来菜单弹出等
- 支持多套theme主题
- 单元格style:除了使用theme来设置样式外,还可以通过列维度或者行维度的配置style来设置单元格样式,可以达到单元格级别自定义样式的灵活程度
用户CASES示例:
数据分析
销售明细
趋势分析
项目排期
VTable是一款基于可视化渲染引擎VRender的高性能表格组件库,提供了卓越的性能和强大的多维分析能力,以及灵活强大的图形能力。
VTable支持百万级数据的快速运算和渲染,可以自动分析和呈现多维数据,无缝融合VChart,为用户提供了强大的数据分析和可视化能力。
VTable提供了丰富的功能,包括多种表格类型、单元格内容类型、交互功能、主题、样式、自定义渲染等,以满足用户的各种需求。
如果你正在寻找一款高效、易用的数据表格库,VTable是一个不错的选择!
3、演示Demo
4、对比
仅从多维分析表格方面,superSet并不具备优势,主要因为它的交叉表是静态html绘制、操作性较差。
参考资料