FineVis動的カルーセル折れ線グラフ

応用シーン：「FineVis データ可視化」プラグインをインストールしたユーザは、本文を参考に FineVis の関連機能を理解できます。

1.バージョン

2.期待される効果

SQLクエリ文で時間パラメータを設定してデータをフィルタリングし、その時間パラメータの値が時間経過とともに変化します。そしてグラフを定期的にリフレッシュします。以下の図のように：

効果1：

効果2：

1.例示1：分類値動的変化

1.1テンプレートの新規作成

デザイナの左上にある[ファイル]-[可視化カンバンを新規作成]をクリックし、空白のカンバンを作成します。名前とサイズはカスタマイズできます。以下の図のように：

1.2データ準備

新しいデータベースクエリds1を新規作成します。データベースクエリ文は以下の通りです：

SELECT 

荷主市町村,

strftime('%Y-%m',注文日) 年月,

sum(運賃) 運賃

FROM 注文

where strftime('%Y-%m',注文日)<='${left(monthdelta("1997-01-01",mod(datetonumber(now())/1000,12)),7)}'

and strftime('%Y',注文日)='1997'

and 荷主市町村 in ('横滨','足利','京都')

group by 荷主市町村,strftime('%Y-%m',注文日)

1.3テンプレート設計

1）キャンバスに折れ線グラフをドラッグします。効果は以下の図のように：

2）折れ線グラフにデータをバインドします。以下の図のように：

3）折れ線グラフのスタイルで「ラベル」を選択し、「ラベル]をチェックし、[テキスト]は「値」を選択します。

4）折れ線グラフの「インタラクション」で「モニタリング更新」を選択し、[モニタリング更新有効]にチェックを入れます。[再読み込み間隔]を1秒に設定すると、1秒ごとに自動更新されます。

1.4効果プレビュー

1）PC端末

テンプレート右上にある[保存]ボタンをクリックし、[プレビュー]をクリックします。以下のような折れ線グラフの効果が表示されます：

2）モバイル端末

プレビュー方式については「FineVisモバイル端末プレビュー」を参照してください。効果は以下の図のように：

2.例示2：分類値変化なし

2.1帳票設計

データセットクエリds1を以下のように変更します：

select a.荷主市町村,a.年月,b.運賃 from (

SELECT 

distinct 荷主市町村,strftime('%Y-%m',注文日) 年月

FROM 注文

where strftime('%Y',注文日)='1997'

and 荷主市町村 in ('横滨','足利','京都')

) a 

left join (

SELECT 

荷主市町村,

strftime('%Y-%m',注文日) 年月,

sum(運賃) 運賃

FROM 注文

where strftime('%Y-%m',注文日)<='${left(monthdelta("1997-01-01",mod(datetonumber(now())/1000,12)),7)}'

and strftime('%Y',注文日)='1997'

and 荷主市町村 in ('横滨','足利','京都')

group by 荷主市町村,strftime('%Y-%m',注文日)

) b on a.荷主市町村=b.荷主市町村 and a.年月=b.年月

その他の手順は例示1と同様に設定します。

2.2効果プレビュー

1）PC端末

テンプレート右上にある[保存]ボタンをクリックし、[プレビュー]をクリックします。以下のような折れ線グラフの効果が表示されます：

2）モバイル端末

テンプレートをダウンロードするにはこちらをクリックしてください：

分類値動的変化.fvs

分類値変化なし.fvs