serverあれこれ: Apache Supersetのチャートのヘッダー色を変更する

2021年11月23日火曜日

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

操作手順

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

2.CSSウインドウが表示されるので、Live CSS editorでchart-headerクラスに以下の様な属性を設定して、文字色・背景色・空白サイズを指定します。

.chart-header {
  color: #f05020;
  background-color: #fffdd0;
  padding: 5px;
}

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

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

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