VisActor VBI
  • 简体中文

      • FieldPanel

      导入

      import { FieldPanel } from '@visactor/vbi-react/components'

      签名

      FieldPanel(props: FieldPanelProps)

      说明

      提供维度/度量字段面板与基础编辑交互。

      推荐先看

      Live Demo

      FieldPanel Demo
      Dimensions
      • No dimensions selected
      Measures
      • No measures selected
      {
  "uuid": "025e2bb7-46d6-484e-97c8-8bf170936edc",
  "connectorId": "vbiReactStarterApiDemoConnector",
  "chartType": "table",
  "theme": "light",
  "locale": "zh-CN",
  "version": 0,
  "whereFilter": {
    "id": "root",
    "op": "and",
    "conditions": []
  },
  "havingFilter": {
    "id": "root",
    "op": "and",
    "conditions": []
  },
  "measures": [],
  "dimensions": []
}

      最小示例

      import type { VBIChartBuilder } from '@visactor/vbi'
import { FieldPanel } from '@visactor/vbi-react/components'

export function Demo({ builder }: { builder: VBIChartBuilder }) {
  return <FieldPanel builder={builder} />
}