superset定制化配置修改总结

1.需要想用iframe引入dashboard时, URL 参数可用于修改仪表板的呈现方式,standalone=0

|----------------|----|-----------------------------|
| 属性 | 枚举 | 描述 |
| standalone | 0 | 仪表盘正常显示 |
| standalone | 1 | 顶部导航已隐藏 |
| standalone | 2 | 顶部导航 + 标题被隐藏 |
| standalone | 3 | 顶部导航 + 标题 + 顶级标签被隐藏 |
| show_filters | 0 | 渲染没有过滤栏的仪表板 |
| show_filters | 1 | (默认):如果启用了本机过滤器,则使用过滤栏呈现仪表板 |
| expand_filters | 0 | 呈现带有折叠过滤栏的仪表板 |
| expand_filters | 1 | 呈现带有扩展过滤栏的仪表板 |

例如:当运行本地开发版本时,以下操作将禁用顶部导航并删除过滤栏: http://localhost:8088/superset/dashboard/my-dashboard/?standalone=1&show_filters=0

2.如果对页面样式有调整,可以在修改dashboard的css属性

3.控制筛选器条(Filter Bar)水平布局的配置项

默认情况下,Superset的筛选器条是垂直排列的,即筛选器以列的形式堆叠在仪表板或图表的左侧或右侧。而当配置项 HORIZONTAL_FILTER_BAR 被启用时,筛选器条将以水平的方式显示在仪表板的顶部或底部,以更好地适应特定的布局需求和用户偏好。

配置前样式

修改配置 superset_config.py

javascript 复制代码
"HORIZONTAL_FILTER_BAR": True

配置后

欢迎在评论区交流。

如果文章对你有所帮助,**❤️关注+点赞❤️鼓励一下!**博主会持续更新。。。。

往期回顾

CSS多栏布局-两栏布局和三栏布局

border边框影响布局解决方案

css 设置字体渐变色和阴影

css 重置样式表(Normalize.css)

css实现元素居中的6种方法

Angular8升级至Angular13遇到的问题

前端vscode必备插件(强烈推荐)

Webpack性能优化

vite构建如何兼容低版本浏览器

前端性能优化9大策略(面试一网打尽)!

vue3.x使用prerender-spa-plugin预渲染达到SEO优化

vite构建打包性能优化

vue3.x使用prerender-spa-plugin预渲染达到SEO优化

ES6实用的技巧和方法有哪些?

css超出部分显示省略号

vue3使用i18n 实现国际化

vue3中使用prismjs或者highlight.js实现代码高亮

什么是 XSS 攻击?什么是 CSRF?什么是点击劫持?如何防御

相关推荐
FksLiao18 天前
Superset配置Report & Alert实践及二次开发实践
大数据·superset
makarov51 个月前
docker部署superset并连接华为MRS hive数据库
数据库·hive·docker·bi·superset·pyhive·华为mrs
门豪杰2 个月前
使用Chrome和Selenium实现对Superset等私域网站的截图
前端·chrome·selenium·superset·截图
Hi-Jimmy2 个月前
【大数据】Apache Superset:可视化开源架构
大数据·apache·superset
不剪发的Tony老师3 个月前
Apache Superset:一款基于Web的开源BI工具
apache·bi·superset
aimmon5 个月前
Superset二次开发之Git篇git fetch 异常信息汇总
git·二次开发·fetch·bi·superset
aimmon6 个月前
Superset二次开发之源码DependencyList.tsx 分析
前端·typescript·二次开发·bi·superset
aimmon6 个月前
Superset二次开发之修改Docker容器env 参数
运维·docker·容器·bi·superset
花菜回锅肉6 个月前
开源可视化大屏superset Docker环境部署
数据仓库·docker·容器·开源·superset