网站 二. 支助 文档 二. 支助 博客 二. 支助 偷懒 二. 支助 微博

立方体游戏场

用于 Cube 开发服务器环境的 UI.

学多点

反应组件

@cubejs-client/playground 提供您可以在应用程序中嵌入的独立组件.

import { QueryBuilder } from '@cubejs-client/playground';
// import the antd styles from the `@cubejs-client/playground` package as it overrides some variables
import '@cubejs-client/playground/lib/antd.min.css';
// alternatively you can use the default antd styles
// import 'antd/dist/antd.min.css';

const apiUrl = 'http://localhost:4000/cubejs-api/v1';
const token = 'your.token';

export default function App() {
  const query = {
    measures: ['Orders.count'],
    dimensions:  ['Orders.status']
  };

  return (
    <QueryBuilder
      apiUrl={apiUrl}
      token={token}
      initialVizState={{
        query
      }}
    />
  );
}

另外,您还需要将 Playground 图表渲染器移动到一个公共文件夹中 。 假设公开的文件夹是 public,您可以从应用程序的根执行以下脚本

#!/bin/bash

rm -rf ./public/chart-renderers 2> /dev/null
cp -R ./node_modules/@cubejs-client/playground/public/chart-renderers ./public

许可证

立方客户端核心为 麻省理工学院执照。 。 。 .