共享的报表分享之后默认为亮白模式,可以通过修改样式参数对分享的报表进行样式修改,此参数是根据URL参数进行控制样式。URL参数详情如下:
| 参数名称 |
参数描述 |
默认值 |
| show_portal |
共享视图URL样式设置权限参数 |
默认为fa
lse,需要对样式进行设置则需将值设为true |
| colorstyle_mode |
设置样式的形式,共四种模式 |
“light”亮白模式(默认)“deep”深蓝模式“dark”暗黑模式“custom”自定义模式 |
| colorstyle_bg |
画布背景颜色值 |
颜色码 |
| colorstyle_back |
视图背景颜色值 |
颜色码 |
| colorstyle_color |
视图前景颜色值 |
颜色码 |
在以上五个参数中其中show_portal相当于一个主参数,只有将其值设为true,后面的四个参数才能够实现。当show_portal值设置为true时,colorstyle_mode为deep、dark、light时,设置其他背景颜色是没有效果的,只有当我们的colorstyle_mode值为custom时,其它三个参数设置颜色才可生效。注:URL颜色代码支持方式:
例如:https://portal.dazdata.com/default/public/dashboards/q3JrvtqBK0YtkN5ARTDshRnOnQH5Czh2kgwfLlz2?colorstyle_back=%23FFB6C1&colorstyle_mode=custom&show_portal=true
当十六进制的颜色代码需注意一个问题,前面的”#”需要进行转义为”%23”,否则设置的颜色并不会生效。
例如:https://portal.dazdata.com/default/public/dashboards/JbY5O5hvhBO7uB7bmP4Bcgo81uFYZle0zm2kZRsu?colorstyle_back=rgb%28255%2C255%2C0%29&colorstyle_mode=custom&show_portal=true
注:颜色设置为rgb(255,255,0)纯黄色,其中的括号需要进行转义,”(”转义为“%28”,“)”转义为“%29”。
例如:https://portal.dazdata.com/default/public/dashboards/JbY5O5hvhBO7uB7bmP4Bcgo81uFYZle0zm2kZRsu?colorstyle_back=rgba%28255%2C255%2C0%2C0.3%29&colorstyle_mode=custom&show_portal=true
RGBA颜色值与RGB颜色值差别在于RGBA多了一个透明度的值,我们可以对设置的颜色调整透明度。
例如:https://portal.dazdata.com/default/public/dashboards/JbY5O5hvhBO7uB7bmP4Bcgo81uFYZle0zm2kZRsu?colorstyle_back=%23FFB6C133&colorstyle_mode=custom&show_portal=true
8位颜色码与十六进制6位颜色码区别在于多了一个透明度,可以自行进行设置,上图为20%的透明度。
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69980137/viewspace-2745426/
,如需转载,请注明出处,否则将追究法律责任。