Tips

「このグラフは何?」を解決!グラフ画面に「タイトル行」を追加!

記事の目的:なぜグラフに「詳しいタイトル」が必要なの?

kintoneのグラフ機能はとても便利ですが、「どんな条件で集計したグラフなのか」が分かりづらいことがあります。標準機能ではグラフ名として表示できる文字数が全角8文字程度と少ないため、パッと見て伝わりにくいグラフ名になったり、大事な部分が見切れてしまう場合があります。

特に、複雑な絞り込み条件やソート条件を設定している場合、グラフ名だけでは情報が不足しがちです。例えば、「確度60%以上の案件だけ」や「特定のプランのみ」といった大事な条件が、グラフの表示だけでは見落とされかねません。

このカスタマイズは、kintoneのグラフ表示画面のヘッダー部分に、集計条件などの詳細な説明文(タイトル行)を追加することを目的としています。

メリット:カスタマイズで得られる効果

このカスタマイズを適用すると、以下のようなメリットがあります。

  • グラフの解釈が容易になる:グラフの集計条件や絞り込み条件が長い説明文で一目で確認できるようになり、データの誤解を防げます。
  • 情報共有がスムーズに:「このグラフは何のデータ?」という問い合わせが減り、チーム内のコミュニケーション効率が向上します。
  • 視覚的に分かりやすい:タイトル行の文字の色や背景色などをCSSファイルで自由に設定でき、注意を促したいメッセージを目立たせることが可能です。

例えば、「案件管理」アプリのグラフ表示画面で、
「月別・プラン別の受注予定を『確度60%以上』の条件で絞り込みして、『プラン費用』の合計を集計表示したグラフです。」の様な、50文字以上の詳しいメッセージを表示できます。

活用シーン:どんな時に便利?

このカスタマイズは、特に以下のようなシーンで役立ちます。

  • 複雑な条件のグラフ:複数の絞り込み条件や計算を含んだ複雑な集計グラフに、その条件を明記したい場合。
  • 注意喚起が必要なデータ:グラフデータを見る際に、知っておくべき注意点(例:データの最終更新日など)を併せて表示したい場合。
  • 新人教育や異動時:アプリを初めて触る人が、グラフの内容を素早く正確に理解できるようにしたい場合。
スポンサーリンク

注意点:カスタマイズの留意事項

この便利なカスタマイズには、一つだけ注意してほしい点があります。

この方法は、kintoneのコーディングガイドラインで非推奨のDOM操作という手法を使って実現しています。DOM操作とは、kintoneの画面を構成している要素を直接操作することです。

そのため、将来kintoneがアップデートされた際に、予期せずカスタマイズが動作しなくなるリスクがあります。この点をご理解いただいた上で、導入をご検討ください。


このカスタマイズを導入すると、kintoneのグラフがより分かりやすく、実用的なものになります。ぜひ、あなたのkintone活用にお役立てください!

🔨 自分でカスタマイズしてみたい方へ

以下のNote記事で本記事のカスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。

kintoneのグラフ表示にタイトル行を追加する|アプリ活用研究会(キン活)
📢 やりたいこと kintoneのグラフ表示画面のヘッダー部分にタイトル行を追加したい。 一目で何の条件で集計したグラフなのか分かるようにしたい。 kintoneのグラフ表示は便利な機能ですが、グラフの作成条件(絞り込みやソートの条件等)がグラフの見出し表示だけでは短すぎて「伝わりにくい」という問題があります。 💻 デモ画面 以下のグラフ画面は「案件管理」アプリで月別・プラン別に確度が60%以上の案件に絞り込んでグラフ表示しています。 グラフ名は「プラン別の受注予定で確度60...
スポンサーリンク

🌸 アプリテンプレートの販売

本記事でご紹介しているアプリテンプレートを、下記の料金プランで販売しています。
導入をご希望の方は、各プランの「お申込み/お問い合わせ」ボタンからお問い合わせください。

料金プラン

◆単品販売(買取型)は、導入サポート付きの価格です。
 単品動作タイプは60,000円、2アプリ連携タイプは100,000円、3つ以上連携タイプは150,000円です。
◆簡易サポート契約では、当サイトのアプリテンプレートとプラグインを合計6種類までご利用できます。
◆会員サポート契約では、ご利用範囲「無制限」で運用ヘルプデスク対応までフルサービスでご提供します。

項目 単品販売 簡易サポート 会員サポート
料金体系 60,000円 (税抜) 120,000円 (税抜) 360,000円 (税抜)
契約期間 なし 毎年更新 6か月更新
導入サポート
メールサポート ×
チャットサポート ×
バージョンアップ対応 ×
運用ヘルプデスク対応 × ×
商品のご利用範囲 本商品のみ 6種類までご利用可能
ユーザー数10名まで
無制限
ユーザー数30名まで
お問い合わせ/お申し込み 購入する お申込み

🏫 kintone人材育成研修

この様なカスタマイズを自分で出来る様になりたい方は、当サイトの「Kintome人材育成」上級コースの受講をご検討して下さい。当サイトのTIPSで紹介しているカスタマイズ例のテンプレートを使えば、簡単に実装出来ます!
上級コースの受講者には、特典で当サイトのカスタマイズテンプレート(3種類まで)と3か月のサポート契約を無償でご提供しています。

研修目的を「カスタマイズテンプレートのアプリ導入」とする研修メニューもご提案可能です。

📣カスタマイズ・導入支援いたします!

本記事の様な「kintoneアプリのカスタマイズ」をご希望の企業様へ
kintoneを便利に活用できるカスタマイズと運用支援は、ぜひ当社にご相談ください!

#kintone #Javascript #カスタマイズ #グラフ表示

スポンサーリンク
シェアする

事例紹介

ACHIEVEMENTS
製造業の受注データ管理をエクセルから移行
エクセルマクロの作業日報をKintoneに移行

Tips

TIPS
kintone業務活用
レコード一覧表の一部を「見せない」改善事例
kintone業務活用
kintoneカレンダーに月・週・日のビュー切替機能を実装
kintone
kintoneの「うっかり操作」を防止する新規APIの紹介
補助金の活用についてもご相談ください

中小企業のデジタル化に利用できる補助金や助成金があります。
補助金や助成金は申請できる企業や用途に要件があったり、事業計画書を作成する必要があったりします。
必要な手続きをサポートさせていただきますので、お気軽にご相談ください。

お気軽にご相談ください。

オンライン可
無料相談
デジタル化
診断チャート
簡易診断

デジタル化による
コスト削減効果を算出