【Chart.js】背景色で目盛線が消えてしまうときの対処法
Chart.jsで、以下のように背景色を付けたいのですが、
目盛線が埋もれて見えなくなってしまいます。
![](https://nikunimame.com/wp-content/uploads/2023/12/18a6c1443049f2150fc1ca534aa23fd8.png)
(↑backgroundColorを指定してオレンジ色を表示していますが、目盛線が埋もれています)
対処法
backgroundColorにrgba()を使いましょう。
backgroundColor: 'rgba(255, 204, 153, 0.2)',
![](https://nikunimame.com/wp-content/uploads/2023/12/7c7c31c94e5529c7a260ec44eb1c83bb.png)
(透過を使えるのは盲点でした。fillをうまく使うのかとか、scaleの方にラインを表示する設定値があるのかとかずっと探してました。)