跳到主要内容

移动端样式

1 内嵌单张图表

移动端与Web端不同的是参数位置不同,web样式使用参数传递,移动端使用地址顺序,请注意!

需要指定:

  • 图表id:必填;
  • ruleid:可选,如果需要应用模版分配规则,保持为1;

参数地址:

&RelayState=h5_dashboard/index.html#/chart_embed/图表id/ruleid

完整链接:

<iframe src="https://ups.bdp.cn/api/custom_sso/sso?domain=xxxx&RelayState=h5_dashboard/index.html#/chart_embed/图表id"></iframe>

预览地址:

https://www.bdp.cn/h5_dashboard/index.html#/chart_embed/图表id

支持功能:

  • 预警、更新时间、图内筛选器、日期粒度切换;

2 内嵌单张仪表盘

需要指定:

  • 仪表盘id:必填;
  • ruleid:可选,如果需要应用模版分配规则,保持为1;

参数地址:

&RelayState=h5_dashboard/index.html#/dash_embed/仪表盘id/ruleid

完整链接:

<iframe src="https://ups.bdp.cn/api/custom_sso/sso?domain=xxxx&RelayState=h5_dashboard/index.html#/dash_embed/仪表盘id"></iframe>

预览地址:

https://www.bdp.cn/h5_dashboard/index.html#/dash_embed/仪表盘id

支持功能:

  • 全局筛选器,不支持联动;
  • 图表详情除收藏;

3 内嵌移动端

包含仪表盘列表和图表展示区域。

需要指定:无

参数地址:

&RelayState=h5_dashboard/index.html

完整链接:

<iframe src="https://ups.bdp.cn/api/custom_sso/sso?domain=xxxx&RelayState=h5_dashboard/index.html"></iframe>

预览地址:

https://www.bdp.cn/h5_dashboard/index.html

支持功能:

  • 完整移动端模块,包含仪表盘、搜索、预警;