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

Question

Per如何从 Superset 用户界面更改 Apache Superset 模板？，我能够更改 Superset 仪表板的 CSS 模板。但仪表板内的图表不受影响。例如，大多数图表有白色背景（例如 Piechart），有些人不喜欢它。如何更改图表背景颜色？我的意思是为所有图表或一张图表更改它。

Answer 1

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

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

所以……我做了什么？

1. 单击屏幕截图右上角的“编辑仪表板”
2. 在编辑模式下，右上角的菜单有一个“编辑 CSS”选项
3. 使用浏览器的检查器来破解！也就是说，这里有几个关键要素：
   • .dashboard-component{ background: whatever} - 设置每个可视化卡片的主背景，但您仍然会看到许多组件在这些包装器中仍然具有白色背景。
   • .slice_container svg{ background-color: transparent !important; } - 这会覆盖我遇到的组件的白色背景（包括饼图！）。

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

1. 如果一个可视化组件包含多个 SVG 元素，这可能会产生副作用。
2. 如果一个可视化使用canvas而不是svg你会遇到更多的麻烦

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