--- title: 【QlikView】棒グラフのアニメーション description: 棒グラフのアニメーション image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo020.png --- ![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png) ![INSIGHT LAB_文字のみ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png) [![お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/aa7d2aca-2874-4f87-98d4-99e3ab71d2a7.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/aa7d2aca-2874-4f87-98d4-99e3ab71d2a7) - [Qlikナレッジ](https://knowledge.insight-lab.co.jp/qliksense) - [セミナー](https://event.insight-lab.co.jp/qlik-seminar) - [お役立ち資料](https://download.insight-lab.co.jp/qlikview/download) ###### 2 分で読むことができます。 # [【QlikView】棒グラフのアニメーション](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/chart-bargraph-animation) 執筆者 [KJ](https://knowledge.insight-lab.co.jp/qlikview/author/kj) 更新日時 2013年9月17日 ###### Topics: [チャート（Chart）](https://knowledge.insight-lab.co.jp/qlikview/tag/チャートchart) ![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo020.png) QlikViewでは棒グラフにアニメーションをつけることができます。 ここでは棒グラフにアニメーションをつけ、月毎の売上を一つずつ表示していきます。 では棒グラフにアニメーションをつける方法を説明します。 ● 棒グラフの作成 1.[チャートの追加ウィンドウ](https://knowledge.insight-lab.co.jp/qlikview/chart/add-chart)を開きます。 ■ 基本設定 1.【ウィンドウタイトル】に『月別売上推移』と入力します。 2.【チャートの種類】から【棒グラフ】を選択します。 3.【次へボタン】を押します。   [![labo020](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/labo020.png?width=431&height=294&name=labo020.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo020.png)   ■ 軸 1.【項目/グループ】から『年月』を選択し、【追加ボタン】を押します。 2.【軸項目】に『年月』が追加されたことを確認して【次へボタン】を押します。   [![labo019](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/labo019.png?width=429&height=293&name=labo019.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo019.png)   ■ 数式の編集 1.入力欄に『sum(売上金額)』と入力します。 2.【OKボタン】を押します。   [![labo018](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/labo018.png?width=353&height=230&name=labo018.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo018.png)   ■ 数式 1.【ラベル】に『売上金額』と入力します。 2.【完了ボタン】を押します。   [![labo017](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/labo017.png?width=431&height=292&name=labo017.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo017.png)   棒グラフができたことが確認できます。   [![labo016](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/labo016.png?width=431&height=225&name=labo016.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo016.png)   ここからチャートを編集して棒グラフにアニメーションをつけていきます。 ● チャートの編集 1.チャートのプロパティを開きます。 ■ 軸 1.【アニメーションボタン】を押します。   [![labo015](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/labo015.png?width=431&height=293&name=labo015.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo015.png)   ■ アニメーション 1.【第1軸をアニメーション表示する】のチェックボックスをオンにします。 2.【軸の値をアニメーション表示する】のチェックボックスをオンにします。 3.【1回再生】を選択して【初めに戻る】のチェックボックスをオンにします。 4.【垂直方向】で【上揃え】を選択します。 5.【OKボタン】を押します。   [![labo014](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/labo014.png?width=237&height=179&name=labo014.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo014.png)   ■ 軸 1.【OKボタン】を押します。   以上で棒グラフのアニメーション作成は完了となります。   ● 動作確認 再生ボタンを押すとアニメーションが開始されます。   [![棒グラフのアニメーション07](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/616ca90510982347bdebde7bb73c2faf1.jpg?width=473&height=301&name=616ca90510982347bdebde7bb73c2faf1.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/616ca90510982347bdebde7bb73c2faf1.jpg)   棒グラフの推移とともに、年月の表示も変わっていくことが確認できます。   [![棒グラフのアニメーション01](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/6b944af36d84a45b4150bc92a4a7b5651.jpg?width=480&height=319&name=6b944af36d84a45b4150bc92a4a7b5651.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/6b944af36d84a45b4150bc92a4a7b5651.jpg) [![棒グラフのアニメーション09](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/8477b795962dad5fc560dd2e68da4bfe1.jpg?width=480&height=319&name=8477b795962dad5fc560dd2e68da4bfe1.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/8477b795962dad5fc560dd2e68da4bfe1.jpg)   [QlikViewで扱えるチャート一覧はこちら](https://knowledge.insight-lab.co.jp/qlikview/chart-table-of-contents)     QlikViewを体験してみませんか？ INSIGHT LABではQlik紹介セミナーを定期開催しています。QlikViewとQlik Senseの簡単な製品概要から、Qlikの特性である「連想技術」のご紹介、デモを通してQlikViewとQlik Senseの操作感や美しいインターフェースをご覧いただきます。企業の大切な資産である膨大なデータからビジネスを発見する 「Business Discovery」を是非ご体験ください。 [![詳細はこちら](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/4a7308dd-d660-4b98-9c26-e0e0c9fd28a0.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/4a7308dd-d660-4b98-9c26-e0e0c9fd28a0) - [Tweet](https://twitter.com/share) ![KJ](https://app.hubspot.com/settings/avatar/1660aae1748ca96aed5604f20fcbd847) #### 執筆者 [KJ](https://knowledge.insight-lab.co.jp/qlikview/author/kj) セールスマーケティング 部長 野球部 部長 ###### [前の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/chart-bargraph) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/obi06.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/chart-bargraph) ###### [【QlikView】帯グラフ](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/chart-bargraph) ###### [次の投稿](https://knowledge.insight-lab.co.jp/qlikview/chart-combochart) [![QlikViewコンボチャート](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/labo005.png)](https://knowledge.insight-lab.co.jp/qlikview/chart-combochart) ###### [QlikViewでコンボチャートを使って２つの単位の異なるグラフを１つにまとめて表す方法](https://knowledge.insight-lab.co.jp/qlikview/chart-combochart) RECOMMEND こちらの記事も人気です。 ###### 2 分で読むことができます。 #### [QlikView 関数 まとめ一覧【重要関数大全】](https://knowledge.insight-lab.co.jp/qlikview/qlikview_function-tips_list) ###### 2020年 8月 28日 ###### 2 分で読むことができます。 #### [【QlikView】簡単にデータを扱うことができる：ロードスクリプト まとめ一覧【初心者向け】](https://knowledge.insight-lab.co.jp/qlikview/loadscript) ###### 2020年 8月 28日 ###### 1 分で読むことができます。 #### [【QlikView】テーブルを結合するJoin句,Keep句,Concatenate句の違い](https://knowledge.insight-lab.co.jp/qlikview/knowledge/loadscript/join_keep_concatenate) ###### 2014年 7月 17日 ##### INFORMATION INFORMATION - [会社概要](https://www.insight-lab.co.jp/about/company.html) - [お問い合わせ](https://contact.insight-lab.co.jp/main) ##### MENU MENU - QlikViewとは - [QlikViewナレッジ](https://knowledge.insight-lab.co.jp/qlikview) - [セミナー](https://event.insight-lab.co.jp/qlik-seminar) - [お役立ち資料](https://download.insight-lab.co.jp/qlikview/download) [![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT.png "INSIGHT LAB")](https://www.insight-lab.co.jp/) - [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html) Copyright © 2020 INSIGHT LAB, Inc.