VisActor VBI
  • 简体中文

      • ThemeSelector

      导入

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

      签名

      ThemeSelector(props: ThemeSelectorProps)

      说明

      读取并切换当前主题配置，适合放在顶部工具栏中。

      推荐先看

      Live Demo

      No chart data yet.
      {
  "uuid": "5e12c216-5580-4c54-a73e-a245400c8693",
  "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 { ThemeSelector } from '@visactor/vbi-react/components'

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