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?什么是点击劫持?如何防御

相关推荐
aimmon5 天前
Superset二次开发之源码DependencyList.tsx 分析
前端·typescript·二次开发·bi·superset
aimmon9 天前
Superset二次开发之修改Docker容器env 参数
运维·docker·容器·bi·superset
花菜回锅肉11 天前
开源可视化大屏superset Docker环境部署
数据仓库·docker·容器·开源·superset
aimmon2 个月前
Superset二次开发之筛选器native Filters 水平布局
python·二次开发·bi·superset·superset二开
勿幕2 个月前
【Superset】dashboard 自定义URL
superset
aimmon3 个月前
Superset 二次开发之Git篇 git cherry-pick
git·bi·superset·cherry-pick
m0_377595906 个月前
CondaHTTPError: HTTP 429 TOO MANY REQUESTS for url
python·superset
aimmon6 个月前
Superset二次开发之PostgreSQL 统计信息介绍
数据库·postgresql·superset
m0_377595906 个月前
python实现:从superset接口中读取数据,把数据以excel、pdf、图片、csv格式发送到企业微信群
python·superset