移动端样式
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
支持功能:
- 完整移动端模块,包含仪表盘、搜索、预警;