今回は、「【Monaca】D3.jsを使用したグラフの特定の軸の色を変更する」で使用したコードを流用し、グラフの背景をグラデーションに変更する方法を紹介します。otak-lab2020.10.21【Monaca】D3.jsを使用したグラフの特定の軸の色を変更するhttps://otak-lab.com/archives/3683D3.jsを使用した折れ線グラフです。このままでは少し味気がないので、縦軸の土曜日を青・日曜日を赤・ボーダーラインとして横軸の500をオレンジに変更したいと思います。Minimum」というテンプレートを使用します。日付の処理にMoment.jsを使用します。以下のようにファイルを配置します。user-scalabl...まず、ツールバーとグラフが一体化したように見せるため、ツールバーの文字色と背景色を変更します。#fff;}ons-toolbarのmodifier属性にtransparentを指定することで、ツールバーの区切りを消すことができます。id="chart"></div></ons-page>グラフの背景をグラデーションになるように変更し、見えやすいように縦軸および横軸の色を変更します。1px;}Monacaデバッガーの結果です。Android版およびiOS版となります。単調なグラフも、色を変えるだけで違った雰囲気が表現できます。Ver.1.1.0をリリースしました。