--- title: 【QlikView】時間によるチャートの切替 description: 時間によるチャートの切替 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/eb22bf7a906b7f73af3d68cd620dade72.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) ###### 4 分で読むことができます。 # [【QlikView】時間によるチャートの切替](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/time-tab) 執筆者 [KJ](https://knowledge.insight-lab.co.jp/qlikview/author/kj) 更新日時 2014年9月08日 ###### Topics: [チャート（Chart）](https://knowledge.insight-lab.co.jp/qlikview/tag/チャートchart) ![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/eb22bf7a906b7f73af3d68cd620dade72.png) 今回はQlikView（クリックビュー)を使い、経過時間によって表示されるチャートを切り替えていく方法をご紹介していきます。 30秒ごとや１分ごとにチャートが自動的に切り替わっていくこの機能は、スライドショーとして使用することも可能です。 ※この記事はクライアント版では正常に動作しますが、サーバー版のAccessPoint上では動作しませんのであらかじめご注意ください。   初めにQlikViewを開きます。 ロードスクリプトを開き、「Data\_Source」を読み込みます。 読み込みが完了したら、【リロード】をします。   [![キャプチャ1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/eb22bf7a906b7f73af3d68cd620dade72.png?width=595&height=318&name=eb22bf7a906b7f73af3d68cd620dade72.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/eb22bf7a906b7f73af3d68cd620dade72.png)     【シートオブジェクトの追加】から【チャート】を選択します。 タイトルに「売上髙」と入力し、【棒グラフ】を選択します。   [![キャプチャ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde3733.png?width=550&height=372&name=66c19942ab4ba346fdb64ccc04cde3733.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde3733.png)   【軸項目】は「年四半期」を追加します。   [![キャプチャ3](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/0e4aae38a1f5494592124a884058f7cb2.png?width=550&height=373&name=0e4aae38a1f5494592124a884058f7cb2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/0e4aae38a1f5494592124a884058f7cb2.png)     【定義】に「sum(売上金額)」と入力して、【ラベル】を「売上金額」とします。 【OK】ボタンを押します。   [![キャプチャ4](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/dda9bb331e5adc2b5a3ca1088fa712802-2.png?width=564&height=381&name=dda9bb331e5adc2b5a3ca1088fa712802-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/dda9bb331e5adc2b5a3ca1088fa712802-2.png)   売上金額のグラフが完成しました。     [![キャプチャ1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/eb22bf7a906b7f73af3d68cd620dade73.png?width=536&height=343&name=eb22bf7a906b7f73af3d68cd620dade73.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/eb22bf7a906b7f73af3d68cd620dade73.png)   次に、顧客数の円グラフを作っていきます。 こちらも【シートオブジェクトの追加】から【チャート】を選びます。 【円グラフ】を選択して、タイトルは「顧客数」にします。   [![キャプチャ5](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/080047c41d77c58d97cf85ec35d0e15b3.png?width=550&height=371&name=080047c41d77c58d97cf85ec35d0e15b3.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/080047c41d77c58d97cf85ec35d0e15b3.png)   【軸項目】に「四半期」を追加します。   [![キャプチャ6](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/486359223c22c9ae1b93f7f652f68c662-1.png?width=550&height=371&name=486359223c22c9ae1b93f7f652f68c662-1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/486359223c22c9ae1b93f7f652f68c662-1.png)   【定義】を「count(顧客名)」にして、【ラベル】を「顧客数」にします。 【OK】ボタンを押します。   [![キャプチャ8](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/9a046efd877e40523e68783b2a6640351-1.png?width=550&height=372&name=9a046efd877e40523e68783b2a6640351-1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/9a046efd877e40523e68783b2a6640351-1.png)     顧客数の円グラフが完成しました。 完成した2つのチャートを重ねます。   [![キャプチャ9](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/8b296d4aeaa1aa9e17f90b729aa4a5ff1.png?width=461&height=298&name=8b296d4aeaa1aa9e17f90b729aa4a5ff1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/8b296d4aeaa1aa9e17f90b729aa4a5ff1.png)     ここから、時間の設定をして、チャートの表示切替をしていきます。 時間を表示する変数を設定していきます。 【設定】から【変数一覧】を押します。 【変数名】を「act」、【値】を「=left(right(Now(),2),3)」とします。【OK】を押します。   [![キャプチャ10](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/7f92390e36c9645cdfcab1197c9adabb3.png?width=495&height=376&name=7f92390e36c9645cdfcab1197c9adabb3.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/7f92390e36c9645cdfcab1197c9adabb3.png)   次に時間を表示するテキストボックスを追加します。 【チャート】から【テキストオブジェクト】を追加します。【テキスト】に「=act」と入力します。 【OK】ボタンを押します。   [![キャプチャ11](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/f9f2f8267651893dc20507a60167128c2.png?width=497&height=322&name=f9f2f8267651893dc20507a60167128c2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/f9f2f8267651893dc20507a60167128c2.png)     時間を表示するテキストオブジェクトが完成しました。 [![キャプチャ12](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/fbc1ff07c972958f736b77a6530eec5d2.png?width=222&height=187&name=fbc1ff07c972958f736b77a6530eec5d2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/fbc1ff07c972958f736b77a6530eec5d2.png)       変数をチャートに実装して、表示/非表示を設定していきます。     [![キャプチャ15](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/7d850af0bbba6842e1b6cef2a3beab34-2.png?width=550&height=274&name=7d850af0bbba6842e1b6cef2a3beab34-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/7d850af0bbba6842e1b6cef2a3beab34-2.png)     円グラフのプロパティを開いて、【レイアウト】タブで【条件付き表示】にチェックを入れて、以下の条件式を入れます。 act >=1 and act <= 30 【OK】ボタンを押します。   [![キャプチャ16](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/916cdee29be6b5342d2019cd0fffa02c-1.png?width=550&height=373&name=916cdee29be6b5342d2019cd0fffa02c-1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/916cdee29be6b5342d2019cd0fffa02c-1.png)     テキストが31～60秒になると、円グラフが非表示になります。 [![キャプチャ2](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/44d29d2792be3bad9a9ed98c7bbb20d64.png?width=550&height=246&name=44d29d2792be3bad9a9ed98c7bbb20d64.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/44d29d2792be3bad9a9ed98c7bbb20d64.png)       棒グラフのプロパティを開きます。 円グラフと同じように以下の条件式を入れます。 act >=31 and act <= 60 【OK】ボタンを押します。   [![キャプチャ3](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/0e4aae38a1f5494592124a884058f7cb4.png?width=550&height=372&name=0e4aae38a1f5494592124a884058f7cb4.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/0e4aae38a1f5494592124a884058f7cb4.png)       テキストが1～30秒になると、棒グラフが非表示になります。     [![キャプチャ20](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/c56d1a18425446a28b8e275b15ca3fb9-2.png?width=594&height=288&name=c56d1a18425446a28b8e275b15ca3fb9-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/c56d1a18425446a28b8e275b15ca3fb9-2.png)   **[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/loadscript/bundle_reload) [![QlikViewで画像ファイルを取り込む方法【Bundle Reload】](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/04-e1407377631262.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/loadscript/bundle_reload) ###### [QlikViewで画像ファイルを取り込む方法【Bundle Reload】](https://knowledge.insight-lab.co.jp/qlikview/knowledge/loadscript/bundle_reload) ###### [次の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/sheetobject/object-_tab) [![QlikViewでシートオブジェクト内のタブを作成する方法](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/2b60812e15a48d04e4380da1fa11ff6a.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/sheetobject/object-_tab) ###### [QlikViewでシートオブジェクト内のタブを作成する方法](https://knowledge.insight-lab.co.jp/qlikview/knowledge/sheetobject/object-_tab) 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のSet分析の使い方まとめ【 基本的な構文から応用的実装まで】](https://knowledge.insight-lab.co.jp/qlikview/functiontips/set_analsys) ###### 2013年 9月 1日 ##### 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.