VisActor VBI
  • 简体中文

      • ChartTypeSelector

      导入

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

      签名

      ChartTypeSelector(props: ChartTypeSelectorProps)

      说明

      提供图表类型下拉选择器。

      推荐先看

      Live Demo

      No chart data yet.
      {
  "uuid": "d96cb576-7022-4f12-be10-a27920fffc25",
  "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 { ChartTypeSelector } from '@visactor/vbi-react/components'

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