VTable多维表格是VisActor可视化体系中的一款高性能表格组件库，它基于可视化渲染引擎VRender进行封装，专为处理复杂的多维数据分析而设计。VTable支持百万级数据的快速运算与渲染，能够帮助用户更好地展示和分析数据，并从中发现有价值的信息。

开源地址：VTable: VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.https://gitee.com/VisActor/VTable

以下是关于VTable多维表格的详细介绍：

一、核心能力

• 性能极致：VTable能够支持大规模数据的快速渲染，确保即使在处理大量数据时也能保持流畅的用户体验。
• 多维分析：VTable提供了多维数据自动分析与呈现的功能，用户可以在行维度和列维度上放置多个维度，以显示维度之间的相互关系。

二、表格形态

VTable提供了三种主要的表格形态，以满足不同用户的需求：

1. 基本表格：最简单的表格形态，由行和列组成，每个单元格包含一个数据项。适用于对数据进行简单的排列和展示。
2. 多维透视表格（PivotTable）：一种用于多维数据分析的表格形态，它可以将数据按照多个维度进行聚合和汇总，为用户提供多角度的数据分析和探索。
3. 透视组合图：将多维透视表格与其他图表形式（如柱状图、折线图等）结合起来的图表形态，可以将透视表格中的数据转化为更直观、易懂的图形展示。

三、表格构成

VTable的表格由五部分组成，分别是行表头、列表头、角表头、body数据单元格和框架。不同形态的表格在构成上可能有所差异，但基本结构相似。

• 行表头：显示在表格左侧，主要显示行维度信息的描述。
• 列表头：位于表格顶部，主要展示列维度信息的描述。
• 角表头：位于表格的左上角，用于显示行表头和列表头的交集信息。
• body数据单元格：表格最主要的显示数据的部分，展示了表格内的详细数据。
• 框架：表格的整体外边框，可以通过配置来改变其样式。

四、配置项

在使用VTable构建多维表格时，用户需要配置一系列参数来定义表格的行为和外观。这些配置项包括但不限于：

• rows：定义行维度的字段。
• columns：定义列维度的字段。
• indicators：定义要展示的指标（如销售额、成本等）。
• dataConfig：用于配置数据处理的相关参数，如聚合规则、排序规则、过滤规则等。
• theme：用于配置表格的整体样式，包括边框、颜色、字体等。

五、使用场景

VTable多维表格广泛应用于各种需要数据分析和展示的场景中，如企业报表、数据分析平台、商业智能（BI）工具等。通过VTable，用户可以轻松构建出复杂的多维表格，实现数据的快速分析和可视化展示。

六、如何使用

用户可以通过NPM或CDN的方式引入VTable库，并在HTML中准备一个具备高宽的DOM容器作为表格的渲染区域。然后，通过编写JavaScript代码来配置表格的参数，并创建VTable实例来渲染表格。具体的使用方法和示例代码可以参考VTable的官方文档或相关教程。

// npm
npm install @visactor/vtable

// yarn
yarn add @visactor/vtable

// this demo you can run on codesanbox https://codesandbox.io/s/vtable-simple-demo-g8q738
import * as VTable from '@visactor/vtable';

const columns = [
  {
    field: 'Order ID',
    caption: 'Order ID'
  },
  {
    field: 'Customer ID',
    caption: 'Customer ID'
  },
  {
    field: 'Product Name',
    caption: 'Product Name'
  },
  {
    field: 'Sales',
    caption: 'Sales'
  },
  {
    field: 'Profit',
    caption: 'Profit'
  }
];

const option = {
  container: document.getElementById(CONTAINER_ID),
  records: [
    {
      'Order ID': 'CA-2018-156720',
      'Customer ID': 'JM-15580',
      'Product Name': 'Bagged Rubber Bands',
      Sales: '3.024',
      Profit: '-0.605'
    },
    {
      'Order ID': 'CA-2018-115427',
      'Customer ID': 'EB-13975',
      'Product Name': 'GBC Binding covers',
      Sales: '20.72',
      Profit: '6.475'
    }
    // ...
  ],
  columns
};
const tableInstance = new VTable.ListTable(option);

总的来说，VTable多维表格是一款功能强大、性能卓越的数据分析工具，它能够帮助用户更好地理解和分析数据，从而做出更明智的决策。