1. 嵌入

应用发布后,应用中的仪表盘、图表及应用本身都支持嵌入,用户可以根据展示需要进行不同层级的嵌入操作。

1.1. 嵌入指导

可参照下面的指导进行应用嵌入分享过程,仪表盘、图表嵌入分享过程与应用类似,这里不详细展开。

  1. 点击应用右上角的嵌入按钮,选择嵌入本应用。

  2. 显示嵌入窗口,包含嵌入的URL和iframe示例。

  3. 嵌入窗口中的URL可以直接分享,用户可直接用该链接在浏览器中展示。如图所示为使用URL在浏览器展示的效果。可以看出嵌入页面只有刷新、全屏、导出按钮,没有其他功能操作按钮。

  4. 嵌入窗口中iframe提供了在代码中嵌入示例,支持使用各种自定义参数,用户可以通过参数调整嵌入后的展示样式。示例中使用像素800*600的iframe进行嵌入后的展示效果。

说明:

  1. 应用、仪表盘嵌入时仅展示刷新、全屏、导出等按钮,不展示PC端等功能按钮。
  2. 图表嵌入时需要先打开图表,然后点击嵌入按钮获取链接内容。
  3. 嵌入时不带入过滤条件。

1.2. 嵌入场景自定义参数

应用、仪表盘、图表在嵌入时支持多种自定义参数,用户根据需要设定嵌入参数从而影响嵌入后的展示效果。

1.2.1. 嵌入图表参数

参数名称 使用方法示例 描述
noTitle 1. noTitle=true
2. noTitle=false
3. 默认设置
设置是否显示标题:
true 不显示标题
false 显示标题
默认设置,显示标题
titleColor 1.titleColor=rgb(0, 0, 0)
2.titleColor=rgba(0, 0, 0, 1)
3.titleColor=red
4.titleColor=hsl(0,0,0)
设置图表的标题颜色,不支持RGB十六进制颜色设置
chartBackground 1.chartBackground=rgb(0, 0, 0)
2.chartBackground=rgba(0, 0, 0, 1)
3.chartBackground=red
4.chartBackground=hsl(0,0,0)
5.chartBackground=transparent
设置图表的背景颜色,不支持RGB十六进制颜色设置
参数为“transparent”时,图表显示透明背景色

1.2.2. 嵌入仪表盘参数

参数名称 使用方法示例 描述
copyright 1. copyright=true
2. copyright=false
3. copyright=其他值时
是否显示头部底部:
true 显示
false 不显示
默认设置显示
background 1.background=rgb(0, 0, 0)
2.background=rgba(0, 0, 0, 1)
3.background=red
4.background=hsl(0,0,0)
仪表盘背景颜色,不支持RGB十六进制颜色设置
padding padding=5 设置边距,单位是像素px
scrollable 1. scrollable=true
2. scrollable=false
3. scrollable=其他值时
仪表盘竖轴滚动条设置:
true,可以滚动
false,不能滚动
其他值,默认设置可以
chartBackground 1.chartBackground=rgb(0, 0, 0)
2.chartBackground=rgba(0, 0, 0, 1)
3.chartBackground=red
4.chartBackground=hsl(0,0,0)
chartBackground=transparent
设置图表背景颜色,不支持RGB十六进制颜色设置
参数为“transparent”时,为透明背景色
chartGap  chartGap=5 设置图表间距,单位是像素px
chartTitleColor 1.chartTitleColor=rgb(0, 0, 0)
2.chartTitleColor=rgba(0, 0, 0, 1)
3.chartTitleColor=red
4.chartTitleColor=hsl(0,0,0)
设置图表标题颜色,不支持RGB十六进制颜色设置
chartAccessible 1. chartAccessible=true
2. chartAccessible=false
3. chartAccessible=其他值时
true 可以打开
false 不可以打开
其他时,默认设置可打开
isMobile name="isMobile" 使用该参数时,表示仪表盘按照移动端样式展示。注意如果仪表盘没有对应的移动端展示样式时,使用该参数会报404错误。

results matching ""

    No results matching ""

    应用过滤