Redash中文版共享报表URL样式设置

共享的报表分享之后默认为亮白模式,可以通过修改样式参数对分享的报表进行样式修改,此参数是根据URL参数进行控制样式。URL参数详情如下:

参数名称 参数描述 默认值 show_portal 共享视图URL样式设置权限参数 默认为false,需要对样式进行设置则需将值设为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颜色代码支持方式:

1、直接写颜色名:

例如:JbY5O5hvhBO7uB7bmP4Bcgo81uFYZle0zm2kZRsu?colorstyle_back=DeepSkyBlue&colorstyle_mode=custom&show_portal=true

2、十六进制颜色码:

例如:https://portal.dazdata.com/default/public/dashboards/q3JrvtqBK0YtkN5ARTDshRnOnQH5Czh2kgwfLlz2?colorstyle_back=%23FFB6C1&colorstyle_mode=custom&show_portal=true

当十六进制的颜色代码需注意一个问题,前面的”#”需要进行转义为”%23”,否则设置的颜色并不会生效。

3、RGB颜色值:

例如: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”。

4、RGBA颜色值:

例如: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多了一个透明度的值,我们可以对设置的颜色调整透明度。

5、8位颜色码:

例如:https://portal.dazdata.com/default/public/dashboards/JbY5O5hvhBO7uB7bmP4Bcgo81uFYZle0zm2kZRsu?colorstyle_back=%23FFB6C133&colorstyle_mode=custom&show_portal=true

8位颜色码与十六进制6位颜色码区别在于多了一个透明度,可以自行进行设置,上图为20%的透明度。

经验分享 程序员 微信小程序 职场和发展