找回密码
 立即注册

QQ登录

只需一步,快速开始

Tony.Fu 活字格认证 Wyn认证
超级版主   /  发表于:2024-1-23 15:54  /   查看:1348  /  回复:0
本帖最后由 KarenGao 于 2024-1-25 10:34 编辑

1.集成单个图表可单独设置背景
经常用组件集成的同学应该会发现,目前版本中的集成组件,需要我们另外添加背景色,例如

这样的仪表板组件
image.png575515746.png
当我们使用iframe集成时,它会变成这样
image.png793437804.png
这是由于之前的集成组件并不包含背景元素 导致的
而在7.1版本中,我们可以用showScenarioBackground参数来设置是否显示背景
例如在7.1中,链接中 showScenarioBackground=false 或不配置时是这样的:
  1. https://localhost/dashboards/view/575a2e4f-5740-4d90-8bc6-d970efe20f88?token=48C754390FA4F23B4BCD697614DEC604C7E28EA9C8B2CAF1E291929DEC4D0821&scenario=tabContainer-1&size=fittoscreen&actions=clearselection%2Cfocus%2Cannotation%2Cexport%2Cfilter%2Cclearruntimefilter%2Csort%2Crank%2Cmodelparameters%2Cconvertvisual%2Coptions.property.insight%2Coptions.property.conditionalformat%2Coptions.property.referenceline%2Coptions.property.trendlines%2Coptions.property.expand%2Cshowdata%2Canalysispath&openfulldashboardmode=newwindow&documentThemeId=b46a5c2b-e867-4c38-8f9d-3d13725983b8&lite=false&showScenarioBackground=false
复制代码
image.png417716369.png

而如果设置showScenarioBackground=true时就可以带背景展示了
  1. https://localhost/dashboards/view/575a2e4f-5740-4d90-8bc6-d970efe20f88?token=48C754390FA4F23B4BCD697614DEC604C7E28EA9C8B2CAF1E291929DEC4D0821&scenario=tabContainer-1&size=fittoscreen&actions=clearselection%2Cfocus%2Cannotation%2Cexport%2Cfilter%2Cclearruntimefilter%2Csort%2Crank%2Cmodelparameters%2Cconvertvisual%2Coptions.property.insight%2Coptions.property.conditionalformat%2Coptions.property.referenceline%2Coptions.property.trendlines%2Coptions.property.expand%2Cshowdata%2Canalysispath&openfulldashboardmode=newwindow&documentThemeId=b46a5c2b-e867-4c38-8f9d-3d13725983b8&lite=false&showScenarioBackground=true
复制代码
image.png652406310.png

2.通过参数确认移动端效果
在7.1中增加了useMobileView参数,可以通过拼接在url中查看移动端的效果
例如
  1. https://localhost/dashboards/view/21ccd0da-0653-4ec2-b34e-6876b1ce87bf?theme=default&lng=zh-CN
复制代码

image.png850055847.png
而我们加上useMobileView=true就是
  1. https://localhost/dashboards/view/21ccd0da-0653-4ec2-b34e-6876b1ce87bf?theme=default&lng=zh-CN&useMobileView=true
复制代码

image.png811837158.png

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部