更多技术交流、求职机会，欢迎关注 字节跳动数据平台微信公众号，回复【1】进入官方交流群
商业智能 (BI) 已经广泛被应用到用户实际业务过程中，如果BI作为独立应用平台应用，那么用户在日常使用业务系统（比如CRM/ERP/OA等）时，就需要经常切换不同系统，繁杂登录过程与应用系统的切换，会导致业务思考的中断，降低效率。这不利于BI在企业内做推广，也难实现IT应用管理平台的统一。
因此将低门槛数据分析操作功能，和已完成的看板结果直接放置在业务系统程序的UI中，就会保证业务用户数据洞察的连续性和可用性。
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:cf3ff3a9-53b7-48e8-84b9-5a2ce3ea5f01
[En]
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:7949c9a6-cd99-4cb7-9ccc-fa6555a4a02d
案例一
张小明同学希望在自己的运营平台上接入BI的可视化分析能力，能够在运营平台上通过点击、拖拽等页面交互方式便可以快速生成可视化图形，获取数据洞见。
经过调研后决定集成Datawind平台，将自己的数据源通过数据准备导入到Datawind中作为数据集，并在运营平台上嵌入该数据集的可视化查询页面。之后可以直接在运营平台上直接做数据拖拽分析，极大地提高了数据分析效率。
案例二
王小红同学想要建立运营数据看板并分享给不同的地区经理，希望不同的地区经理只看到本地区数据。并且这些数据看板可以集成到地区经理最常用的CRM系统之中。
小红发现Datawind能够满足制作数据看板的诉求，并且Datawind的行权限、自定义筛选器也能满足平台对数据权限控制的需要，也可以快速集成到自己的CRM系统中，最后决定使用嵌入Datawind仪表盘的方式搭建运营数据看板。
案例三
李小华同学需要对海量的商品交易记录进行查询。他希望使用这样一款查询工具：具备对海量明细数据的查询能力、支持丰富的筛选操作、能够配置表格和单元格样式、必要时可以对表格列的字段公式进行改写。确认Datawind满足需要后，李小华在Datawind上建立了明细数据报表并将其嵌入到商品交易管理系统中，让每个相关运营同学都能快速查询获得想要的数据结果。
为了最方便快捷实现集成，可以通过Iframe的方式对接，操作方式如下。
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:ab98bdf3-555c-49a0-846d-a84fb682b164
[En]
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:4a7f6944-d166-4a41-94bd-7f62ad421952
Step 1. 获得目标仪表盘/图表的URL链接
Step 2. 链接修改
Step 3. 生成代码
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:629d6c20-10c3-4fb1-8224-f3d7a0413524
[En]
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:b195d6a6-be4e-4bad-ae31-93feda73d7bc
Step 1.获得目标仪表盘/图表的URL链接
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:a6e65f53-d1bf-402c-83a3-6f9fd560ecc8
[En]
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:811f9253-a41f-498a-b329-ae77dfffac9d
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:f460c463-9dad-4459-a034-bdbe144b337c
[En]
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:3cf40034-f5cf-42c4-8cbe-58fc1da8d0ad
- 图表 进入到仪表盘预览状态 点击需嵌入图表右侧，选择「嵌出图表」
显示「复制成功」，之后可以鼠标右键复制，或者键盘crtl+V即可
- 仪表盘 进入到仪表盘预览状态 点击需嵌入图表右侧，选择「嵌出仪表盘」
显示「复制成功」，之后可以鼠标右键复制，或者键盘crtl+V即可。
如图在列表页选择查看，打开之后复制浏览器URL即可
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:a06e5ae7-a19b-41db-b507-8216a9b4acdb
[En]
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:b9fc7fb6-d2be-4e1d-8ae7-df71375a9293
- *仪表盘
$HOST/#/external/dashboard/$DASHBOARD_ID?appId=$APP_ID&inline=true
比如：
- *移动端仪表盘
$HOST-h5/dashboard/?appId=$APP_ID&id=$DASHBOARD_ID&inline=true
比如：
注意：移动端链接只能移动端设备访问，如果该链接在PC端打开，则默认跳转为PC端链接。
$HOST/#/external/dashboard/$DASHBOARD_ID/$REPORT_ID?appId=$APP_ID&inline=true
比如：
https://console.volcengine.com/bi#/external/dashboard/47610/305962?appId=1010681&inline=true
- *可视化查询
$HOST/#/dataQuery?appId=$APP_ID&inline=true
比如：
https://console.volcengine.com/bi#/dataQuery?appId=1010681&inline=true
$HOST/vScreen/preview?appId=$APP_ID&id=$VSCREEN_ID&resizeMode=auto
比如：
https://console.volcengine.com/bi#/vScreen/preview?appId=1010681&id=11&resizeMode=auto
- *参数详解
$HOST
- SaaS环境设置为https://console.volcengine.com/bi
- 私有化部署环境替换为产品部署的域名
$HOST-h5
移动端的域名
- SaaS环境设置为https://console.volcengine.com/bi-h5
- 私有化部署环境替换为产品移动端部署的域名
$APP_ID
- 项目id。在项目下任意打开地址均可获得，如图所示，任意打开一个项目下的链接，URL如下所示，app_Id值为1010681
https://console.volcengine.com/bi#/dashboard/47610?appId=1010681
$DASHBOARD_ID
- 在列表页面打开需要外嵌的仪表盘，获得浏览器的URL链接如下，则dashboardId值为47610
https://console.volcengine.com/bi#/dashboard/47610?appId=1010681
- $REPORT_ID
- 图表id，标识唯一的图表。可视化查询页面URL的 rid 表示图表id。在如下可视化查询链接中，reportId值为306828
https://console.volcengine.com/bi#/dataQuery?appId=1010681&id=98850742&rid=306828&sid=22569
- $VSCREEN_ID
- 大屏id。在如下仪表盘链接中，vscreenId值为4750
https://console.volcengine.com/bi#/vScreen/4750?resizeMode=auto
Step2.加入特性，修改链接
在iframe的url中传入 feature 参数来配置通用特性，以下是该特性的解释说明，可以根据实际情况选择需要的特性。
- *特性说明
Step3.生成代码
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:825cfd63-1fbc-4bf8-a722-a335f30ab73c
[En]
[TencentCloudSDKException] code:FailedOperation.ServiceIsolate message:service is stopped due to arrears, please recharge your account in Tencent Cloud requestId:79684dc8-afe2-4a5a-82a0-98f088187da0
比如如下代码指的是隐藏仪表盘header
- 如果在使用 React 框架，参考如下实例
- 在iframe的url中传入
feature参数来配置通用特性。feature的类型为JSON.stringify后的特性配置对象。可以参考如下的iframe 嵌入代码隐藏仪表盘header
Original: https://www.cnblogs.com/bytedata/p/16595545.html
Author: 字节跳动数据平台
Title: 字节跳动嵌入式数据分析最佳实践
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/561875/
转载文章受原作者版权保护。转载请注明原作者出处！