TECH BLOG

MENU

オンプレクラウド

MotionBoard

MotionBoard

チャートのデータ検索を使用して絞り込み表示を行いたい要件がよくあると思います。標準の検索機能では検索条件を選択(コンボボックスなど)したタイミングでチャートのデータが検索されてしまうため、検索条件が複数ある場合に条件を選択する度に検索処理が行われてしまい、画面が何度もリロードされ違和感を感じたり、サーバーへの負荷を高めたりしてしまう事があるのではないでしょうか?

そんな時の為に、検索条件をいくつかまとめて設定してから検索を実行する方法を紹介しましょう。今回はボタンをクリックしたタイミングで検索を実行させる方法を紹介しますので、是非試してみてくださいね。

【検索が複数あるチャート例】

1.検索アイテム待ち時間の設定を変更します。

 (1)「ボード編集」画面にして、「ボード管理」画面を開きます。
 (2)「ボード設定」タブを選択します。
 (3)「検索アイテム待ち時間」を「実行しない」に変更します。(デフォルトは1秒)
 (4)「OK」ボタンをクリックしてボードを保存します。これで検索条件を変更しても自動的に検索は行われなくなります。

2.検索ボタンの作成

 (1)任意の場所にボタンアイテムを作成します。
 (2)アクション種別から「検索アクション」を選択します。
 (3)対象のデータセットを選択し「OK」をクリックします。

 (4)アイテムプロパティにてボタンの「名称」、「表示テキスト」を入力します。
 「ボタン形状」などは、好みのものを選択してください。シンプルな集計表チャートには「四角形」、グラフィカルなチャートには、「ホームベース型」「結晶型」など用途に応じて使い分けてみてください。

 (5)「OK」ボタンをクリックします。
ここまでの操作で検索ボタンが作成されましたので、一旦ボードを保存しましょう。

3.検索を実行してみましょう
 (1)検索条件「地域」「会社名」を選択します。 この時点では検索は実行されません。

 (2)「検索実行」ボタンをクリックします。 ここで初めて検索が行われて集計表が絞り込まれて表示されます。

いかがでしたでしょうか?

今回の例では検索条件が3つだったので、自動検索されてもそんなに画面がチラついたりパフォーマンスに影響はでませんでしたが、検索項目が多いボードの場合は、今回のテクニックを使って、あらかじめ検索したいものをすべて選択した後に、ボタンクリックによって一回の検索で絞り込む事ができるので、見栄えもよくサーバーへの負荷も軽減できると思います。

この記事にリアクションしてみませんか?

  • 分かりやすい (6)
  • 問題が解決した (1)
いいね!ボタンありがとうございます!

塚田 涼太郎

MotionBoard
プロフィールへ >

2020年からDr.Sum MotionBoard のプリセールスとして活動しています。ユーザー様のお困りごと/お悩みごとを解決できるようブログ執筆の活動をしています。お困りごとが解決したら是非「いいね」ボタンのクリックをお願いします!

Related article

Related article関連記事

Pick up

Pick upおすすめ記事

【脱Excel】MotionBoardの入力機能で業務アプリをつくる

公開:2024.08.05
更新:2024.08.05

分かりやすい

2

解決した

0
  • データ入力
  • デザイン
  • コンテナ

MotionBoard

【まとめ】SVF Cloud帳票をinvoiceAgentに連携する方法

公開:2024.04.18
更新:2024.08.07

分かりやすい

2

解決した

2
  • 帳票作成・出力
  • システム連携
  • 電帳法
  • 文書定義
  • 処理定義

SVF

Dr.Sum Copilotをインストールしてみた【OpenAI】

公開:2024.04.05
更新:2024.04.18

分かりやすい

2

解決した

0
  • Copilot

Dr.Sum

Ranking

Rankingランキング

1

棒グラフを大きい順番に並び替えたい!(ソートしたい)

公開:2019.06.15
更新:2023.11.27

分かりやすい

11

解決した

11
  • デザイン
  • グラフ
  • 集計表

MotionBoard

2

経過時間を時:分:秒で時刻表示したい!【320秒→05:20】

公開:2022.08.02
更新:2024.05.08

分かりやすい

10

解決した

6
  • グラフ

MotionBoard

3

カスタム項目の書き方 よく使う関数からIfまで

公開:2023.07.28
更新:2024.07.17

分かりやすい

24

解決した

6
  • データ加工

MotionBoard

Info

Information

ウイングアーク1stからのお知らせ

int(57)