编写前端代码，完成嵌⼊ 定义 DIV 组件 获取后端⽣成的⽤户 Token （注：第⼆步⽣成的） 使⽤ DataEase BI 调⽤组件， 完成初始化 DataEaseBi.create(‘Dashboard’, { baseUrl: domain, # DataEase 访问信息 token: token, # 后端⽣成的⽤户 token dvId: dvId token: token, # 后端⽣成的⽤户 token dvId: dvId, #仪表板ID busiFlag: “dashboard” #固定值}) DataEaseBi.create(‘DashboardEditor’, { baseUrl: domain, # DataEase 访问信息 token: token, # 后端⽣成的⽤户 token token: token, # 后端⽣成的⽤户 token dvId: dvId, #数据⼤屏ID opt:“create” #固定值}) DataEaseBi.create(‘ViewWrapper’, { baseUrl: domain, # DataEase 访问 信息 token: token, # 后端⽣成的⽤户 token dvId: dvId

（4 / 5） 编写前端代码，完成嵌入 定义 DIV 组件 获取后端生成的用户 Token 使用 DataEase BI 调用组件， 完成初始化 DataEaseBi.create(‘Dashboard’, { baseUrl: domain, # DataEase 访问信 息 token: token, # 后端生成的用户 token dvId: dvId, #数据大屏ID 息 token: token, # 后端生成的用户 token dvId: dvId, #仪表板ID busiFlag: “dashboard” #固定值}) DataEaseBi.create(‘DashboardEditor’, { baseUrl: domain, # DataEase 访问信 息 token: token, # 后端生成的用户 token resourceId: DataEase 访问信 息 token: token, # 后端生成的用户 token dvId: dvId, #数据大屏ID opt:“create” #固定值}) DataEaseBi.create(‘ViewWrapper’, { baseUrl: domain, # DataEase 访问 信息 token: token, # 后端生成的用户 token dvId: dvId ,

了和原图一样的效果。 3.散点图绘制说明 1. 由于原生的dataease散点图无法满足使用需求，故修改了源 码使得能够成功上线。 2. 散点图的数据和折线图，柱状图等图不同（x与y都是分离的 列数据），是一个二元数据[x,y] 3. 以dataease绘制供水温度与气温的关系为例。 （需要用到的数据为‘管网供水主管,温度TE-0701’: ‘HHWLoop_ST’，‘温度’:

统的对接。ISV 和 S| 伙伴可以快速持 DataEase 的自助式分析了能力诬入到其软件产品或应用系统中，快速提升其产品的竞争力和客户使用体验，同时有效降低技术实现成本。 人 应用功能层 前技术层 平台API层 ataEase 开有下天可和化析平台 DataEase 购入式版支持多种方式的洲入: 图 图表嵌入: 衬单个图表/ 表格注入到系统中，辅押用户进行决 图仪表板/ 数据大屏谋入;