serverあれこれ: Apache Supersetのダッシュボード内のチャートの背景色を変更する

2021年11月24日水曜日

Apache SupersetはダッシュボードのCSSをカスタマイズすることが出来ます。以下の手順でダッシュボード内のチャートの背景色を変更します。

操作手順

1. ダッシュボードを開いて「ダッシュボードを編集」をクリックします。編集モードで画面右上の「・・・」ボタン(下図赤枠部分)をクリックして「CSSを編集」を選択します。

2.CSSウインドウが表示されるので、Live CSS editorでdashboard-component-chart-holderクラスに以下の様な属性を設定して、背景色を指定します。

.dashboard-component-chart-holder {
  background-color: #d3cacc;
}

※注:Apache Superset version 1.3.1では上記設定で変わりますが、バージョンアップによって効かない可能性があります

CSSウインドウ外をクリックすると閉じることができます。

3.保存ボタンまたは「別名で保存」メニューでダッシュボードを保存します。チャートの背景色が変わったことを確認します。