VisActor VBI
  • 简体中文

      • vbi-react Starter

      这是一张完整拼装页，用来验证：

      • starter 如何把字段面板、图表工作区和筛选面板组合成一个完整页面
      • ChartTypeSelector、ThemeSelector、FieldPanel、FilterPanel 如何围绕同一个 builder 协作
      • ChartRenderer 如何消费 builder 输出，并把 summary 与 DSL snapshot 放在独立诊断区

      如果你只想理解单个组件，请先看 API 总览；如果你想看完整组合方式，再看这个页面。

      vbi-react Starter
      `FieldPanel`、`FilterPanel`、`ThemeSelector`、`ChartTypeSelector` 和 `ChartRenderer` 组成一个低门槛工作台；页面框架由 starter 自己控制，方便业务侧替换组合。
      Chart WorkspaceConfigure fields to render
      No data
      No data loaded yet
      点击上方的 Load demo data，或上传一个 CSV 文件，左侧字段面板就会立即可用。
      Starter Summary
      这个 demo 只使用 `@visactor/vbi-react/components` 来搭建核心编辑区， 用来验证 hooks + slim components 这条路线。
      Data source: 未加载数据
      Rows: 0
      Available dimensions: 0
      Available measures: 0
      先加载 demo 数据或上传 CSV，再用 starter components 组装图表。
      Demo schema 固定使用手工声明的字段类型，不再依赖首行自动猜测。
      Current DSL Snapshot
      {
  "uuid": "da28a42e-32a5-4228-828d-35f7ac8a31ce",
  "connectorId": "vbiReactStarterLocalDataConnector",
  "chartType": "table",
  "theme": "light",
  "locale": "zh-CN",
  "version": 0,
  "whereFilter": {
    "id": "root",
    "op": "and",
    "conditions": []
  },
  "havingFilter": {
    "id": "root",
    "op": "and",
    "conditions": []
  },
  "measures": [],
  "dimensions": []
}