You need to enable JavaScript to run this app.
导航
URL配置
最近更新时间:2024.08.01 15:11:30首次发布时间:2022.10.27 11:06:22

1. 获得 URL 链接

注意

  • 如下两种方式均可获得目标仪表盘/图表/大屏的链接,得到的结果是一致的
  • 仪表盘移动端则只能按照第二种方式获得

1.1 直接在 DataWind 中获得

1.1.1 仪表盘/图表

图表嵌出所述,直接获得仪表盘/图表的链接。
注意:直接选择嵌出即可,即如下状态所示,不用勾选
图片
图片

1.1.2 大屏

如图在列表页选择查看,打开之后浏览器获得URL即可
图片

1.2 自行拼接

选择自行拼接,则按照如下方式进行,划下划线内容是变量,在如下参数详解要解释的,其他为固定内容
仪表盘 $HOST/#/external/dashboard/DASHBOARD_ID?appId=APP_ID&inline=true
比如:

https://console.volcengine.com/bi/datawind-open/#/external/dashboard/47610?appId=1010681&inline=true

移动端仪表盘 $HOST-h5/dashboard/?appId=APP_ID&id=DASHBOARD_ID&inline=true
比如:

https://console.volcengine.com/bi/datawind-h5/dashboard/?appId=1010681&id=47610&inline=true

注意

移动端链接只能移动端设备访问,如果该链接在PC端打开,则默认跳转为PC端链接

图表 $HOST/#/external/dashboard/DASHBOARD_ID/REPORT_ID?appId=APP_ID&inline=true
比如:

https://console.volcengine.com/bi/datawind-open/#/external/dashboard/47610/305962?appId=1010681&inline=true

大屏
$HOST/vScreen/preview?appId=APP_ID&id=VSCREEN_ID&resizeMode=auto
比如:

https://console.volcengine.com/bi/datawind-open/#/vScreen/preview?appId=1010681&id=11&resizeMode=auto

参数详解:

参数

说明

$HOST

  • SaaS环境设置为https://console.volcengine.com/bi/datawind-open
  • 私有化部署环境替换为产品部署的域名

$HOST-h5

移动端的域名

  • SaaS环境设置为https://console.volcengine.com/bi/datawind-open-h5
  • 私有化部署环境替换为产品移动端部署的域名

APP_ID

DataWind的项目ID;获取方式见资源ID获取方式

DASHBOARD_ID

仪表盘ID;获取方式见资源ID获取方式

REPORT_ID

图表ID;获取方式见资源ID获取方式

VSCREEN_ID

大屏ID,获取方式见资源ID获取方式

2. 在 iframe 中使用

如下代码嵌入了SaaS环境的仪表盘

<iframe src='https://console.volcengine.com/bi/datawind-open/#/external/dashboard/******?appId=******&inline=true'>

3. 在 SDK 中使用

在组件上传入 urlPrefix 参数以指定访问的地址。

import React from 'react'
import ReactDOM from 'react-dom'

class BIComponent extends React.Component {
  render() {
    return (
      <bi-dashboard
        urlPrefix='https://console.volcengine.com/bi/datawind-open'
        appId='******'
        dashboardId='******'
      />
    )
  }
}

ReactDOM.render(<BIComponent />, document.querySelector('body'))