dc.jsのグラフのカスタマイズ

昨日に続いて、グラフ描画の作業。

今日は、ほぼ、今まで、画像の引き延ばし及び、HTML+CSSで描画していたグラフをdc.jsで同等のモノを書くことができるようになった。

昨日の段階では、自分のデータを参考サイトの書式に合わせたレベルだったのであるが、表示する文字列を入れ替えたり、文字揃えを左揃え、右揃えを変えたり、自分のやりたいようにカスタマイズできた。

しかし、唯一できなかったのが、色のカスタマイズである。グラフの棒(row-chartを使っているので、棒グラフの棒である)の色は変えることができる。

しかし、付随する文字列の色がどうやっても変えられない。dc.jsのattributeにも見当たらないし、CSSを書いても有効にならない。

問題なのは、今、作って運用しているサイトが、黒背景・白文字をベースとした色使いをしていて、グラフの文字が黒から変更できないので、そのまま置き換えると、グラフの文字が見えなくなってしまう、というのが問題なのである。

といっても、運用中のサイトのCSSも色使いも全面的な置換を考えていて、白ベース、メインの色は青のサイトに作り直し、ページ構成を練って、足りないページをどんどん作って仮運用から本運用に移行していこうとしている段階なので、色を変えてしまうことで、対応することにした。

CSSの背景を白、文字を黒、背景を白にしたので、リンクの文字列の色が見えにくくなったので(特に黄色)、そのあたりを調整してみて、CSSと合わせて置換すれば、グラフはリリースできるであろう。

とりあえず、この部分はこの状態にして、全然足りない、他のページにとりかかることにしよう。

コメント