Skip to main content

AI数据分析页面

AI数据分析页面是专门用于使用AI做数据分析,生成统计图表,通过可视化简单配置快速构建数据分析界面。

AI数据分析页面元素分层结构为Meta(pages.Meta) → Type(pages.DataAnalysisType) → 实例,开发者可通过JitAi的可视化开发工具快捷地创建AI数据分析页面实例元素。

快速开始

创建实例元素

目录结构

testDataAnalysisPage/          # 实例元素目录
├── e.json # 元素配置文件
├── scheme.json # 页面布局和组件配置
├── index.ts # 导出文件
├── page.ts # 页面逻辑类
├── PageRender.tsx # React渲染组件
└── page.style.ts # 页面样式文件(可选)

e.json文件

e.json配置示例
{
"type": "pages.DataAnalysisType",
"resourceName": "index",
"title": "测试AI数据分析页面",
"frontBundleEntry": "./index.ts",
"outputName": "index"
}

页面配置

AI数据分析页面的核心配置通过scheme.json文件定义:

scheme.json基本结构
{
"aiConfig": {
"useAi": 1,
"aiAssistant": "pages.DataAnalysisType.GeneralAssistant",
"inputArgs": {
"llmElement": "llms.alibur",
"llmConfig": {
"model": "qwen-max-latest"
}
},
"welcomeMessage": "",
"prologues": [
"统计每月成交额走势"
],
"logOutput": [
"STEP_LOG",
"REASONING_CONTENT",
"TEXT_MESSAGE_CONTENT"
],
"replayOutput": []
},
"dataSources": [
{
"name": "models.orderForms",
"filter": "",
"orderBy": ""
}
]
}

页面逻辑代码

page.ts实现示例
import { Jit } from "jit";
import schemaJson from "./schema.json";

class PageCls extends Jit.DataAnalysisPage {
schema: {
aiConfig: Record<string, any>;
} = schemaJson;

}

export default PageCls;

元素配置

e.json配置

参数类型必填默认值说明
typestring-元素类型,固定为"pages.DataAnalysisType"
titlestring-页面标题
frontBundleEntrystring"./index.ts"前端入口文件路径
outputNamestring"index"输出文件名
resourceNamestring"index"资源名称

页面配置

scheme.json文件定义了页面使用的AI助理配置及可分析的数据范围:

  • aiConfig: AI相关配置项
  • useAi: 启用AI,固定为1
  • aiAssistant: 页面绑定的AI助理,当前固定为pages.DataAnalysisType.GeneralAssistant;后续会支持由开发者替换成自定义的AI助理。
  • inputArgs: 助理运行时的输入配置;llmElement是配置的大模型元素id,llmConfig是大模型的参数配置
  • welcomeMessage: 欢迎语,如果不填写,则默认为空
  • prologues: 助理中的开场白
  • logOutput: 助理对话框日志区输出的消息内容
  • replayOutput: 助理对话框回复区输出的消息内容
  • dataSources: 允许AI分析的数据表及数据条件