記事の目的：なぜグラフに「詳しいタイトル」が必要なの？
kintoneのグラフ機能はとても便利ですが、「どんな条件で集計したグラフなのか」が分かりづらいことがあります。標準機能ではグラフ名として表示できる文字数が全角8文字程度と少ないため、パッと見て伝わりにくいグラフ名になったり、大事な部分が見切れてしまう場合があります。
特に、複雑な絞り込み条件やソート条件を設定している場合、グラフ名だけでは情報が不足しがちです。例えば、「確度60%以上の案件だけ」や「特定のプランのみ」といった大事な条件が、グラフの表示だけでは見落とされかねません。
このカスタマイズは、kintoneのグラフ表示画面のヘッダー部分に、集計条件などの詳細な説明文（タイトル行）を追加することを目的としています。
メリット：カスタマイズで得られる効果
このカスタマイズを適用すると、以下のようなメリットがあります。
- グラフの解釈が容易になる：グラフの集計条件や絞り込み条件が長い説明文で一目で確認できるようになり、データの誤解を防げます。
- 情報共有がスムーズに：「このグラフは何のデータ？」という問い合わせが減り、チーム内のコミュニケーション効率が向上します。
- 視覚的に分かりやすい：タイトル行の文字の色や背景色などをCSSファイルで自由に設定でき、注意を促したいメッセージを目立たせることが可能です。
例えば、「案件管理」アプリのグラフ表示画面で、
「月別・プラン別の受注予定を『確度60%以上』の条件で絞り込みして、『プラン費用』の合計を集計表示したグラフです。」の様な、50文字以上の詳しいメッセージを表示できます。
活用シーン：どんな時に便利？
このカスタマイズは、特に以下のようなシーンで役立ちます。
- 複雑な条件のグラフ：複数の絞り込み条件や計算を含んだ複雑な集計グラフに、その条件を明記したい場合。
- 注意喚起が必要なデータ：グラフデータを見る際に、知っておくべき注意点（例：データの最終更新日など）を併せて表示したい場合。
- 新人教育や異動時：アプリを初めて触る人が、グラフの内容を素早く正確に理解できるようにしたい場合。
注意点：カスタマイズの留意事項
この便利なカスタマイズには、一つだけ注意してほしい点があります。
この方法は、kintoneのコーディングガイドラインで非推奨のDOM操作という手法を使って実現しています。DOM操作とは、kintoneの画面を構成している要素を直接操作することです。
そのため、将来kintoneがアップデートされた際に、予期せずカスタマイズが動作しなくなるリスクがあります。この点をご理解いただいた上で、導入をご検討ください。
このカスタマイズを導入すると、kintoneのグラフがより分かりやすく、実用的なものになります。ぜひ、あなたのkintone活用にお役立てください！
🔨 自分でカスタマイズしてみたい方へ
以下のNote記事で本記事のカスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。
「note:アプリ活用研究会（キン活）」は、当サイトのメンバーが執筆しています。
🌸 アプリテンプレートの販売
この記事で紹介したカスタマイズ機能のアプリテンプレートをサポート契約先限定でご提供しています。
アプリテンプレートを利用すれば、デモ画面の様に動くアプリを簡単に導入できます。
設定方法や操作方法もサポート対象です。
サポート契約の料金体系
| 簡易サポート | 会員サポート | |
|---|---|---|
| 料金 | 税抜（1,000円×ユーザー数）／月 | 税抜（5,000円×ユーザー数）／月 |
| サービス内容 | プラグインとテンプレートの利用 | kintone運用の伴走支援 |
| プラグインと テンプレートのご利用 | ５種類まで | 無制限 |
🏫 kintone人材育成研修
この様なカスタマイズを自分で出来る様になりたい方は、当サイトの「Kintome人材育成」上級コースの受講をご検討して下さい。当サイトのTIPSで紹介しているカスタマイズ例のテンプレートを使えば、簡単に実装出来ます！
上級コースの受講者には、特典で当サイトのカスタマイズテンプレート（3種類まで）と３か月のサポート契約を無償でご提供しています。
研修目的を「カスタマイズテンプレートのアプリ導入」とする研修メニューもご提案可能です。
📣カスタマイズ・導入支援いたします！
本記事の様な「kintoneアプリのカスタマイズ」をご希望の企業様へ
kintoneを便利に活用できるカスタマイズと運用支援は、ぜひ当社にご相談ください！
#kintone #Javascript #カスタマイズ #グラフ表示
