C2i:InfoGraphic－予算／計画チャート

デモ手順

0.すべての場所でダブルクリックする項目の値、アカウント名の並べ替え

例：予算またはアカウント名で降順 - >昇順 - >初期順

1.衛星円チャートの予算、実績ごとにクリック

タイプ変更時に設定され、アニメーションの時間とイジング（easing）関数を適用

データ構造（テキストデータ）

0.csv


ymd,accNm,budget,supplementary,performance
2017-10-01,社会福祉,2605,400,1700
2017-10-01,一般公共行政,2200,300,3000
2017-10-01,運送と交通,2300,500,2050
2017-10-01,教育,2500,0,8500
2017-10-01,環境保護,1300,400,0
2017-10-01,国土又は地域開発,6800,0,1130
2017-10-01,その他,0,0,380
                            予算（計画、目標）の設定：基礎予算、補正予算など複数個可能
                            執行実績構成.......：執行及びその他の項目の複数個追加可能
                            c2i.infoG.budget('#c2iBudget', options).render();

1.json


無し

開発者へソース提供部分

HOME、ヘルプ、予算実績〜チャートサイズの変更は、開発者がC2iAPIなどを利用して、任意にコーディングして提供したUIです。

また、チャート領域では、キーボードクリックと一緒にしてダブルクリック時、短縮を実行します。

C2i 予算/計画/目標対比実績チャートコンポーネント

デモ手順

データ構造（テキストデータ）

開発者へソース提供部分