ゆずめも

メモ的なブログです。主に勉強した事について書いてます。

react-chartjs-2の線の太さを変更する

なんかドキュメントとして載っている箇所を見つけられなかった*1

github.com

これをダウンロードしてnpm run examplesを実行した結果で動作を確認する

変更方法

examples/src/components/line.jsの中の、datasetsプロパティの中にborderWidthを設定して値を変更すると線の太さを変更できる

borderWidth: 1

f:id:yuzu441:20180711110413p:plain

borderWidth: 30

f:id:yuzu441:20180711110730p:plain

これで変更できることは確認できたんだけど

表の上の項目名?の所まで線が太くなってしまった…
ただここまで太くすることも無いだろうし、基本は困らないかなと考えてる

*1:wrapperなのでchartjsの方見てって事なのか?