@cloudbase/weda-ui 0.2.17 → 2.0.8

package/src/docs/common/tableView.tsx

@@ -0,0 +1,273 @@
+import React, { useRef, useContext } from 'react';
+import { components } from '../../configs/index';
+import { objFormat, ICompsConfig } from './format';
+import './tableView.css';
+export interface ComponentDocument {
+  exampleMap?: {
+    [key: string]: {
+      component: React.ComponentType;
+      code: string;
+    };
+  };
+  codeMap?: {
+    [key: string]: {
+      code: string;
+    };
+  };
+  data?: {
+    [key: string]: {
+      code: string;
+    };
+  };
+}
+function createFragment(nodes: React.ReactNodeArray) {
+  return React.createElement(React.Fragment, {}, ...nodes);
+}
+export interface TableLayoutViewProps {
+  componentKey?: string;
+  document: ComponentDocument;
+  variables?: object;
+}
+
+function getCompsMeta(key, type, origin) {
+  var compsMeta: ICompsConfig;
+  try {
+    switch (origin) {
+      case 'lowCode':
+        var metaLowcode = require('/docs/lowcode/components/wedaUI/lowcode-comps/weda_standard/comps/' +
+          key +
+          '.comp.json');
+        if (type && type == 'event') {
+          compsMeta = metaLowcode['emitEvents'];
+        } else if (type && (type == 'attribute' || type == 'slot')) {
+          compsMeta = metaLowcode['dataForm'];
+        } else if (type && type == 'description') {
+          compsMeta = metaLowcode['meta'];
+        }
+
+        return compsMeta;
+      case 'sourceCode':
+        if (type && type == 'event') {
+          compsMeta = components[key]['events']||{};
+        } else if (type && (type == 'attribute' || type == 'slot')) {
+          compsMeta = components[key]['data']['properties']||{};
+        } else if (type && type == 'description') {
+          compsMeta = components[key]['meta']||{};
+        }
+        return compsMeta;
+    }
+  } catch (e) {
+    return null;
+  }
+}
+export default function TableLayoutView({ componentKey, type, origin }) {
+  var compsMeta = getCompsMeta(componentKey, type, origin);
+  var tableView = [];
+  if (compsMeta && type != 'description') {
+    tableView = objFormat(compsMeta, type, origin);
+  } else {
+    tableView.push(compsMeta);
+  }
+
+  return (
+    <>
+      {type == 'attribute' && tableView.length > 0 && (
+        <>
+          <div className="tea-table__header">
+            <table className="tea-table__box">
+              <colgroup>
+                <col style={{ width: '18%' }}></col>
+                <col style={{ width: '10%' }}></col>
+                <col style={{ width: '15%' }}></col>
+                <col style={{ width: '25%' }}></col>
+                <col style={{ width: 'auto' }}></col>
+              </colgroup>
+              <thead>
+                <tr>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="属性名">
+                        属性名
+                      </span>
+                    </div>
+                  </th>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="类型">
+                        类型
+                      </span>
+                    </div>
+                  </th>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="属性分组">
+                        属性分组
+                      </span>
+                    </div>
+                  </th>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="默认值">
+                        默认值
+                      </span>
+                    </div>
+                  </th>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="说明">
+                        说明
+                      </span>
+                    </div>
+                  </th>
+                </tr>
+              </thead>
+            </table>
+          </div>
+          <table className="tea-table__box">
+            <colgroup>
+              <col style={{ width: '18%' }}></col>
+              <col style={{ width: '10%' }}></col>
+              <col style={{ width: '15%' }}></col>
+              <col style={{ width: '25%' }}></col>
+              <col style={{ width: 'auto' }}></col>
+            </colgroup>
+            <tbody>
+              {tableView.map((row, index) => (
+                <tr key={index}>
+                  <td>{row.title}</td>
+                  <td>
+                    <code>{row.type}</code>
+                  </td>
+                  <td>{row['x-category']}</td>
+                  <td>{row.default}</td>
+                  <td>{row.description}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </>
+      )}
+      {type == 'slot' && tableView.length > 0 && (
+        <>
+          <div className="tea-table__header">
+            <table className="tea-table__box">
+              <colgroup>
+                <col style={{ width: '18%' }}></col>
+                <col style={{ width: 'auto' }}></col>
+              </colgroup>
+              <thead>
+                <tr>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="属性名">
+                        名称
+                      </span>
+                    </div>
+                  </th>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="类型">
+                        说明
+                      </span>
+                    </div>
+                  </th>
+                </tr>
+              </thead>
+            </table>
+          </div>
+          <table className="tea-table__box">
+            <colgroup>
+              <col style={{ width: '18%' }}></col>
+              <col style={{ width: 'auto' }}></col>
+            </colgroup>
+            <tbody>
+              {tableView.map((row, index) => (
+                <tr key={index}>
+                  <td>{row.code}</td>
+                  <td>{row.description}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </>
+      )}
+      {type == 'event' && tableView.length > 0 && (
+        <>
+          <div className="tea-table__header">
+            <table className="tea-table__box">
+              <colgroup>
+                <col style={{ width: '18%' }}></col>
+                <col style={{ width: '25%' }}></col>
+                <col style={{ width: '16%' }}></col>
+                <col style={{ width: 'auto' }}></col>
+              </colgroup>
+              <thead>
+                <tr>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="事件名">
+                        事件名
+                      </span>
+                    </div>
+                  </th>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="事件code">
+                        事件code
+                      </span>
+                    </div>
+                  </th>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="适用情况">
+                        适用情况
+                      </span>
+                    </div>
+                  </th>
+                  <th className="">
+                    <div>
+                      <span className="tea-text-overflow" title="说明">
+                        说明
+                      </span>
+                    </div>
+                  </th>
+                </tr>
+              </thead>
+            </table>
+          </div>
+          <table className="tea-table__box">
+            <colgroup>
+              <col style={{ width: '18%' }}></col>
+              <col style={{ width: '25%' }}></col>
+              <col style={{ width: '16%' }}></col>
+              <col style={{ width: 'auto' }}></col>
+            </colgroup>
+            <tbody>
+              {tableView.map((row, index) => (
+                <tr key={index}>
+                  <td>{row.name}</td>
+                  <td>
+                    <code>{row.title}</code>
+                  </td>
+                  <td>{row.platforms}</td>
+                  <td>{row.description}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </>
+      )}
+      {type == 'description' && tableView.length > 0 && (
+        <>
+        <h2>
+        <a aria-hidden="true"  className="anchor enhancedAnchor_node_modules-@docusaurus-theme-classic-lib-next-theme-Heading-styles-module" id="适用场景"></a>
+        适用场景
+        <a className="hash-link" href="#适用场景" title="标题的直接链接">#</a>
+          </h2>
+        <p>{tableView[0]?.description?tableView[0]?.description:tableView[0]?.desc}</p>
+        </>
+      )}
+      {tableView.length == 0 && <p>无</p>}
+    </>
+  );
+}

package/src/docs/compsdocs/chart/Bar.mdx

@@ -0,0 +1,159 @@
+# 柱状图
+
+<TableLayoutView
+  componentKey="Bar"
+  type="description"
+  origin="sourceCode"
+></TableLayoutView>
+
+<img
+  src="https://qcloudimg.tencent-cloud.cn/raw/bb95e133b8b4aa28acc22917116e76c2.png"
+  width="40%"
+></img>
+
+## 使用说明
+
+进入**应用编辑器**页面，将**图表组件** > **柱状图**组件拖进相应容器即可。
+
+## 属性
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="Bar"
+  type="attribute"
+  origin="sourceCode"
+></TableLayoutView>
+
+## 事件
+
+<TableLayoutView
+  componentKey="Bar"
+  type="event"
+  origin="sourceCode"
+></TableLayoutView>
+
+### 进阶属性
+
+支持配置坐标轴样式、数据标签和显示单位等属性。
+
+- 显示单位：数值量级支持 `个/十/百/千/万/十万/百万/千万/亿`。
+- 小数位数：支持设置 `0-10` 位小数。
+- 后缀：支持自定义。默认根据数量级生成 `-/十/百/千/万/十万/百万/千万/亿`。
+
+### 自定义连接器使用场景
+
+当数据源配置时选择 [自定义连接器](https://cloud.tencent.com/document/product/1301/68457)，需用户自行在自定义连接器内按照参数结构定义数据，才可正常在统计卡片组件内渲染，详情请参见 [图表组件参数定义](https://cloud.tencent.com/document/product/1301/71197)。
+
+> ?当使用自定义连接器时，数据筛选、字段选择、统计方式、统计空值属性均需用户在所建自定义连接器内自行定义，其他属性与数据模型使用场景配置保持一致。
+
+## 使用示例
+
+下列示例数据源为销售业绩表。示例数据配置如下表所示。更多数据配置操作请参见 [数据模型](https://cloud.tencent.com/document/product/1301/68452)。
+
+| 销售姓名 | 客户地区 | 销售总额 | 销售单数 | 性别 |
+| -------- | -------- | -------- | -------- | ---- |
+| 张三     | 北京     | 1000000  | 3        | 男   |
+| 赵四     | 北京     | 2000000  | 2        | 男   |
+| 赵四     | 上海     | 100000   | 1        | 男   |
+| 王五     | 上海     | 200000   | 1        | 男   |
+| 王五     | 深圳     | 500000   | 1        | 男   |
+| 李六     | 北京     | 5000000  | 6        | 女   |
+| 李六     | 深圳     | 200000   | 1        | 女   |
+
+### 示例 1：各销售人员的销售总业绩对比（纵向）
+
+1. 新建**柱状图**组件，进入右侧**属性** > **基础属性**页面，单击**数据源**下拉菜单，选择**销售业绩表**并选择**统计**方法。
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/246dfdeed6b8173d2ec4d5124e4e7412.png"
+     width="50%"
+   ></img>
+2. 在**维度（X 轴）**单击**字段选择**下拉菜单，选择**销售姓名**。
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/3286b7330f0d13703c347a4def16cea0.png"
+     width="50%"
+   ></img>
+3. 在**数值（Y 轴）**下，单击**添加 Y 轴字段**。**字段**类型选择**销售总额**，**关系**类型选择**求和**。
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/34429ad0bb7df362b77b8d9f25df2534.png"
+     width="50%"
+   ></img>
+4. 下拉右侧属性，进入**进阶属性**内单击开启**显示单位**。单击**数量值级**下拉菜单设置为**万**，**后缀**项设置为万。
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/1ee81e2f0863fb12754d9d3a1b671bcf.png"
+     width="50%"
+   ></img>
+5. 根据需要修改标题、坐标轴样式、图例样式等属性，最终效果如下图展示：
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/59e7f5e7d7dd1ab170b5a983c08643bf.png"
+     width="50%"
+   ></img>
+
+### 示例 2：各销售人员的销售总业绩对比（纵向）- 按照地区对比
+
+在 [示例 1]的配置基础上，增加分组字段，单击**分组**下拉菜单，选择**客户地区**。
+
+<img
+  src="https://qcloudimg.tencent-cloud.cn/raw/f06d382dbbbe971dd8ddc2aba8e6630f.png"
+  width="50%"
+></img>
+
+最终效果展示：
+
+<img
+  src="https://qcloudimg.tencent-cloud.cn/raw/2228adb1cbbc6df66787b41496e516ac.png"
+  width="50%"
+></img>
+
+单击开启**是否堆叠**功能，可查看堆叠效果：
+
+<img
+  src="https://qcloudimg.tencent-cloud.cn/raw/3cc42d66be3fc18adaee450f9f85d691.png"
+  width="50%"
+></img>
+
+### 示例 3：各销售人员的销售总业绩对比（纵向）- 仅查看性别为男的数据
+
+1. 在 [示例 1]的配置基础上，单击**数据筛选**。
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/a5f691429af099b6598f864b8b069a7d.png"
+     width="50%"
+   ></img>
+2. 设置相应数据筛选参数，单击**确定**增加筛选条件。
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/2e8899bf24ce2f249cfad4b25c8cb2f2.png"
+     width="50%"
+   ></img>
+
+### 示例 4：各销售人员的"客户覆盖地区数"对比和"总销售单数"对比（横向）
+
+1. **柱形图方向**单击选择**横向**。
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/1b5eaad5033960447387d0dead4148af.png"
+     width="50%"
+   ></img>
+
+2. 在**维度（Y 轴）**单击**字段选择**下拉菜单，选择**销售姓名**。
+3. 在**数值（X 轴）**下，单击**添加字段**。添加以下两个字段：
+
+- 字段 1：客户地区；统计方式：计数
+- 字段 2：销售单数；统计方式：求和
+
+<img
+  src="https://qcloudimg.tencent-cloud.cn/raw/fee0ff35a0a8181fc1687ac8eaeabd63.png"
+  width="50%"
+></img>
+
+3. 最终效果展示：
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/6b3f96ce483e40da66e4866caa2c6f29.png"
+     width="50%"
+   ></img>
+
+## 限制说明
+
+维度轴不支持设置时间类型，可设置日期类型和日期时间类型。

package/src/docs/compsdocs/chart/Line.mdx

@@ -0,0 +1,100 @@
+# 折线图
+
+<TableLayoutView
+  componentKey="Line"
+  type="description"
+  origin="sourceCode"
+></TableLayoutView>
+
+<img
+  src="https://qcloudimg.tencent-cloud.cn/raw/8a53bc16ae84ef05d6dac6fa037718cb.png"
+  width="50%"
+></img>
+
+## 使用说明
+
+进入**应用编辑器**页面，将**图表组件** > **折线图**组件拖进相应容器即可。
+
+## 属性
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="Line"
+  type="attribute"
+  origin="sourceCode"
+></TableLayoutView>
+
+## 事件
+
+<TableLayoutView
+  componentKey="Line"
+  type="event"
+  origin="sourceCode"
+></TableLayoutView>
+
+### 高级属性
+
+支持配置坐标轴样式、数据标签和显示单位等属性。
+
+- 显示单位：数值量级支持 `个/十/百/千/万/十万/百万/千万/亿`。
+- 小数位数：支持设置 `0-10` 位小数。
+- 后缀：支持自定义。默认根据数量级生成 `-/十/百/千/万/十万/百万/千万/亿`。
+
+### 自定义连接器使用场景
+
+当数据源配置时选择 [自定义连接器](https://cloud.tencent.com/document/product/1301/68457)，需用户自行在自定义连接器内按照参数结构定义数据，才可正常在统计卡片组件内渲染，详情请参见 [图表组件参数定义](https://cloud.tencent.com/document/product/1301/71197)。
+
+> ?当使用自定义连接器时，数据筛选、字段选择、统计方式、统计空值属性均需用户在所建自定义连接器内自行定义，其他属性与数据模型使用场景配置保持一致。
+
+## 使用示例
+
+下列示例数据源为销售业绩表。示例数据配置如下表所示。更多数据配置操作请参见 [数据模型](https://cloud.tencent.com/document/product/1301/68452)。
+
+| 销售姓名 | 客户地区 | 销售总额 | 销售单数 | 性别 | 成单日期   |
+| -------- | -------- | -------- | -------- | ---- | ---------- |
+| 张三     | 北京     | 1000000  | 3        | 男   | 2022-01-01 |
+| 赵四     | 北京     | 2000000  | 2        | 男   | 2022-02-02 |
+| 赵四     | 上海     | 100000   | 1        | 男   | 2022-03-03 |
+| 王五     | 上海     | 200000   | 1        | 男   | 2021-04-04 |
+| 王五     | 深圳     | 500000   | 1        | 男   | 2021-05-05 |
+| 李六     | 北京     | 5000000  | 6        | 女   | 2021-06-06 |
+| 李六     | 深圳     | 200000   | 1        | 女   | 2021-07-07 |
+
+#### 示例：月度销售总额变化趋势
+
+1. 新建**折线图**组件，进入右侧**属性** > **基础属性**页面，单击**数据源**下拉菜单，选择**销售业绩表**并选择**统计**方法。
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/246dfdeed6b8173d2ec4d5124e4e7412.png"
+     width="50%"
+   ></img>
+
+2. 在**维度（X 轴）**单击**字段选择**下拉菜单，选择**成单日期**。
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/32e0dd58a2e63e26128c1c109648d468.png"
+     width="50%"
+   ></img>
+
+3. 在**数值（Y 轴）**下，单击**添加 Y 轴字段**。**字段**类型选择**销售总额**，**关系**类型选择**求和**。
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/34429ad0bb7df362b77b8d9f25df2534.png"
+     width="50%"
+   ></img>
+
+4. 下拉右侧属性，进入**进阶属性**内单击开启**显示单位**。单击**数量值级**下拉菜单设置为**万**，**后缀**项设置为万。
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/1ee81e2f0863fb12754d9d3a1b671bcf.png"
+     width="50%"
+   ></img>
+
+5. 根据需要修改标题、坐标轴样式或图例样式等属性。
+
+> ?更多示例配置可参见 [柱状图](https://cloud.tencent.com/document/product/1301/71404)。
+
+## 限制说明
+
+维度轴不支持设置时间类型，可设置日期类型和日期时间类型。

package/src/docs/compsdocs/chart/Pie.mdx

@@ -0,0 +1,83 @@
+# 饼状图
+
+<TableLayoutView
+  componentKey="Pie"
+  type="description"
+  origin="sourceCode"
+></TableLayoutView>
+
+<img
+  src="https://qcloudimg.tencent-cloud.cn/raw/d75f51e450035e3e889c7b951ffee7f9.png"
+  width="40%"
+></img>
+
+## 使用说明
+
+进入**应用编辑器**页面，将**图表组件** > **饼图**组件拖进相应容器即可。
+
+## 属性
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="Pie"
+  type="attribute"
+  origin="sourceCode"
+></TableLayoutView>
+
+## 事件
+
+<TableLayoutView
+  componentKey="Pie"
+  type="event"
+  origin="sourceCode"
+></TableLayoutView>
+
+### 高级属性
+
+支持配置数据标签和显示单位等属性。
+
+- 显示单位：数值量级支持 `个/十/百/千/万/十万/百万/千万/亿`。
+- 小数位数：支持设置 `0-10` 位小数。
+- 后缀：支持自定义。默认根据数量级生成 `-/十/百/千/万/十万/百万/千万/亿`。
+
+### 自定义连接器使用场景
+
+当数据源配置时选择 [自定义连接器](https://cloud.tencent.com/document/product/1301/68457)，需用户自行在自定义连接器内按照参数结构定义数据，才可正常在统计卡片组件内渲染，详情请参见 [图表组件参数定义](https://cloud.tencent.com/document/product/1301/71197)。
+
+> ?当使用自定义连接器时，数据筛选、字段选择、统计方式、统计空值属性均需用户在所建自定义连接器内自行定义，其他属性与数据模型使用场景配置保持一致。
+
+## 使用示例
+
+下列示例数据源为销售业绩表。示例数据配置如下表所示。更多数据配置操作请参见 [数据模型](https://cloud.tencent.com/document/product/1301/68452)。
+
+| 销售姓名 | 客户地区 | 销售总额 | 销售单数 | 性别 |
+| -------- | -------- | -------- | -------- | ---- |
+| 张三     | 北京     | 1000000  | 3        | 男   |
+| 赵四     | 北京     | 2000000  | 2        | 男   |
+| 赵四     | 上海     | 100000   | 1        | 男   |
+| 王五     | 上海     | 200000   | 1        | 男   |
+| 王五     | 深圳     | 500000   | 1        | 男   |
+| 李六     | 北京     | 5000000  | 6        | 女   |
+| 李六     | 深圳     | 200000   | 1        | 女   |
+
+#### 示例：各客户地区的销售业绩占比
+
+1. 新建**饼图**组件，进入右侧**属性** > **基础属性**页面，单击**数据源**下拉菜单，选择**销售业绩表**并选择**统计**方法。
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/246dfdeed6b8173d2ec4d5124e4e7412.png"
+     width="50%"
+   ></img>
+2. 在**维度**单击**字段选择**下拉菜单，选择**客户地区**。
+3. 在**数值**下，单击**添加字段**。**字段**类型选择**销售总额**，**关系**类型选择**求和**。
+4. 下拉右侧属性，进入**进阶属性**内单击开启**显示百分比**。单击**数量值级**下拉菜单设置为**万**，**后缀**项设置为万。
+5. 根据需要修改标题、坐标轴样式、图例样式等属性，最终效果如下图展示：
+
+   <img
+     src="https://qcloudimg.tencent-cloud.cn/raw/aba2546bbf1baa6c72bbff6434968b3e.png"
+     width="50%"
+   ></img>
+
+## 限制说明
+
+维度轴不支持设置时间类型，可设置日期类型和日期时间类型。

package/src/docs/compsdocs/chart/_category_.json

@@ -0,0 +1 @@
+{ "label": "图表组件", "position": 90 }

package/src/docs/compsdocs/chart/statisticsCard.mdx

@@ -0,0 +1,51 @@
+# 统计卡片
+
+<TableLayoutView
+  componentKey="StatisticsCard"
+  type="description"
+  origin="sourceCode"
+></TableLayoutView>
+
+<img
+  src="https://qcloudimg.tencent-cloud.cn/raw/6ac75a333be3162b6b0dc7850ccbcf3d.png"
+  width="60%"
+></img>
+
+## 使用说明
+
+### 数据模型使用场景
+
+1. 为统计卡片设置数据源，选择已经建好的 [数据模型](https://cloud.tencent.com/document/product/1301/68452)，选择数据源方法-统计。
+1. 通过数据筛选配置数据取值范围，详情请参见 [数据筛选配置文档](https://cloud.tencent.com/document/product/1301/71198)。
+1. 选择需要进行统计的字段。
+1. 根据所选择字段，进行针对该字段的统计方式设置。
+   目前“数字”类型字段的支持计数、求和、最大值、最小值、平均值；其他类型字段仅支持计数。
+1. 选择是否统计空值，默认不统计空值。
+
+- 支持显示单位设置。 数值量级：个/十/百/千/万/十万/百万/千万/亿。
+- 小数位数：支持设置 `0-10` 位小数。
+- 后缀：支持自定义。默认根据数量级生成 `-/十/百/千/万/十万/百万/千万/亿`。
+
+## 属性
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="StatisticsCard"
+  type="attribute"
+  origin="sourceCode"
+></TableLayoutView>
+
+## 事件
+
+<TableLayoutView
+  componentKey="StatisticsCard"
+  type="event"
+  origin="sourceCode"
+></TableLayoutView>
+
+### 自定义连接器使用场景
+
+当数据源配置时选择 [自定义连接器](https://cloud.tencent.com/document/product/1301/68457)，需用户自行在自定义连接器内按照参数结构定义数据，才可正常在统计卡片组件内渲染，详情请参见 [图表组件参数定义](https://cloud.tencent.com/document/product/1301/71197)。
+
+> ? 当使用自定义连接器时，数据筛选、字段选择、统计方式、统计空值属性均需用户在所建自定义连接器内自行定义，其他属性与数据模型使用场景配置保持一致。