ユニケージしてみた。（その６：D3.js描画編）

すっかりこの話題を放置してた。キリの良い所まで頑張る

前回までで画面描画用のcsvファイルをDropBox配下に出力するところまで完成

mba:YOKIN 7010oncajon$ cat /Users/7010oncajon/Dropbox/UNICATGE/YOKIN/MONTH_BALANCE/DATA/LV4/208703.csv
no.,balance_code,content,balance
1,収入,給料振込＿会社名,200000
2,収入,交通費振込＿会社名,9000
3,支出,カード＿ENET000000,60000
4,支出,カード＿ENET000001,30000
5,支出,電気料,5000
6,支出,ｶﾞｽﾀﾞｲ3ｶﾞﾂ,3000
7,支出,ｹﾞｽｲﾄﾞｳ_ｼﾖｳﾘﾖｳ,1000

描画用のhtml

みんなが大好きD3.jsを用いて円グラフで描画してみる

参考

基本はPie Chartの丸パクリ

できた画面

うん、だせぇし見ずれぃ

改善ポイント

月別の収支を見たいのに、結果いくら黒字化がぱっと見で分からん
パイの面積が少ないと、表示文字がかぶる。
ページ全体がださいし、レスポンシブデザインに対応していない

以上