apache-superset - 如何更改apache超集图表的背景颜色？

Question

每 How to Change Apache Superset Template from the Superset User Interface? ，我能够更改 Superset 仪表板的 CSS 模板。但仪表板内的图表不受影响。例如大多数图表都有白色背景(例如 Piechart)，有些人不喜欢它。如何更改图表背景颜色？我的意思是为所有图表或一张图表更改它。

Answer 1

免责声明:这应该可行，但有点麻烦，可能会产生长期支持影响:

我一直在摆弄“黑暗模式”仪表板，只是为了解决这个问题。这是一个截图，仅供娱乐:



所以……我做了什么？

单击屏幕截图右上角的“编辑仪表板”

在编辑模式下，右上角的菜单有一个“编辑 CSS”选项

使用浏览器的检查器来破解!也就是说，这里有几个关键要素:

.dashboard-component{ background: whatever} - 设置每个可视化卡片的主要背景，但您仍然会看到许多组件在这些包装器中仍然具有白色背景。

.slice_container svg{
background-color: transparent !important;
} - 这会覆盖我遇到的组件的白色背景(包括饼图!)。

如果可视化组件使用 SVG，您可以非常聪明地检查/覆盖各种位。上面的几个问题:

如果一个可视化组件包含多个 SVG 元素，这可能会产生副作用。

如果可视化使用 canvas而不是 svg你会遇到更多的麻烦

在最坏的情况下，您可能需要查看 superset-ui-plugins repo 并进行调整。这个开发过程并不是非常简单，但我们中的一些人正在努力改进它。