Doアプリのレコード一覧をガントチャート形式で表示するサンプルです。レコード一覧画面で、表示するレコードがある場合にガントチャートを表示します。優先度フィールドの値に応じてガントチャートの色を変えています。年月日の表示は、ユーザーの言語設定に応じて変更します。サンプルを紹介します。次のライブラリを指定します。次のライブラリを指定します。20140623を利用)CSSサンプルバリエーションを持たせるために、自前で別の色を指定します。省略しても動作します。CSSによるカスタマイズ」画面でそれぞれ設定した例を紹介します。ファイルの設定は以上です。アプリのトップページへ移動し、サンプルデータを登録してカスタマイズした結果を確認してください。コミュニティをご活用ください。14:57この通りにやってみたのですが、表示されません。エディターに改行コードを指定する箇所があるのですが、そこに関係があるのでしょうか?お教えくだされば幸いです。02:41こちのGanttライブラリいかがでしょうか。http://mbielanczuk.com/upload/gantt-demo/index.htm1.休日、祝日はチャットの図面の下部まで見れる2.依存関係が線でわかる。一点ですが、上記sample-ganttchart.jsではrecords[i]['From']['value']、records[i]['To']['value']の値をCHKしていないようです。私の検証では、もしFromの値を未定義のままで、このチャットのViewに入ると、ブラウザ(Firefox)が無反応になり、ブラウザを再起動することが必要。07:50java初心者です。scriptが解読できないため、どうしたらよいかお教えいただけますと幸いです。05:52新しいガントチャートのプロジェクトを作成中です。興味がございましたら、ぜひ試してください。02:36キントーン初心者です、ガントチャートを使用したく、上記URLからダウンロードし設定を行っていますが、正常に表示されません。何処に問合せを行えば回答を返していただけるかなど、サポートをしていただける情報を教えていただけないでしょうか。08:19saberin様http://tristan-lin.github.io/jQueryGantt/からwikiの実装方法のページにあるJs20とCSS5を追加してみてガントチャートのボタン表示までは実行できたのですが、ガントチャート画面に表示がされません。この実装手順以外になにか実施する内容ありますか?教えていただければ幸いです。以前動作するはずですが、最近触っていないので、もしかしてAPIの変更があるかもしれません。Consoleでエラーメッセージなどあれば、教えてください。近いうちに、検証環境を構築して試します。デモ環境作成しました。入れば、設定方法がすべてわかれると思います。テスト用のメールアドレスがあれば、招待いたします。01:58Mo様コメントいただきありがとうございます。Network事務局です。sample-ganttchart.jsのサンプルコードについて、ソースに誤りがございましたので修正致しました。Networkをよろしくお願い致します。06:21ガントチャートを実装しました。進捗状況がみやすくとてもよいプラグインだと思います!1点要望があります。ガントチャート上で☆(ブックマーク)を表示すると添付のようにブックマークが隠れてしまいます。修正していただくことはできませんでしょうか。01:55takokichi様お世話になっております。現在ガントチャートプラグインはアップデート中のため、ご指摘いただいた点を反映する方向で検討いたします。今回は暫定版として古いバージョンから修正を作成しました。以下からダウンロードできますので動作確認をお願いします。回答ありがとうございます。頂いたリンクですが、「お探しのページが表示されません」と表示されます。こちらのオペレーションが誤っているのでしょうか。権限が必要なエリアに添付してしまっていたようです。ご面倒をおかけしますが、こちらのリンクをお試しいただけますでしょうか。返答が遅くなり申し訳ありあmせん。プラグイン取得できました。ブックマークが表示されることも確認できました。対応ありがとうございました。プラグインもデザインが改善されており使いやすくなりました。ありがとうございました。表示したくない一覧もあります。一覧により表示、非表示を切替えることはできますか。07:21takokichi様ご質問の件ですが、現状のプログラムの仕様としては、一覧により表示非表示を制御することはできません。プログラムを改修するとすれば、一例ですが、以下のような開発が考えられます。設定画面側でユーザーに表示したい一覧名を入力させるJavaScript側で、一覧名に合致しなければ処理を続行しないなどの処理を追加するプログラムはこちらで公開しております。プラグインの再パッケージ化の手順はこちらになります。開発時のQAについてはコミュニティの方にご質問いただければと思います。お役に立てず申し訳ございませんが、よろしくお願いいたします。DO名」の横に「担当者」を表示させたいのですが、どのようにコードをいじればよいのでしょうか?初心者であるためわかりません。締め切り期限を過ぎたらアラートが表示されるようにしたいのですが、それは難しいでしょうか?どなたかお教えいただけると幸いです。06:24kyoden様コメントいただき、ありがとうございます。jQuery.Ganttで2つの要素を表示したい、ということですね。本記事のサンプルプログラムの場合、116行目の後に以下の一行を追記することで、大項目(nema)、中項目(desc)といったような表現ができるようになります。escapeHtml(records[i]['対象フィールドのフィールドコード']['value']),詳しくはこちらのサイトをご確認ください。http://taitems.github.io/jQuery.Gantt/※サンプルアプリのように担当者をユーザー選択フィールドにしてる場合、オブジェクトで取得されますのでご注意ください。各フィールドの形式はこちらでご確認いただけます。コメント欄は記事に直接関係するコメントをお願いしており、恐れ入りますがアラートの件に関しましてはこちらではなく、コミュニティをご活用いただけますと幸いです。締め切り期限を過ぎた場合のアラート表示ですが、どのような形で表示するかによって実現方法が変わります。「担当者に通知が欲しい」(標準機能で実現できます)や「ログインユーザーが担当者になっているタスクが期限を過ぎている場合にポップアップ画面を出す」など具体的に記載いただくと、求める回答が得やすくなると思います。お手数ですが、よろしくお願いいたします。04:14はじめまして。・ガントチャートのタイトル、サブタイトルの表示文字数を増やしたい・初期表示で、スケールを半日(12時間)単位としたい以上のようにはできないものでしょうか?ご教授いただけましたら幸いです。02:35Okamoto様ご質問の件です。>・ガントチャートのタイトル、サブタイトルの表示文字数を増やしたいCSSを変更することで可能です。比較的簡単な方法としては、タイトルの文字サイズを小さくすることで実現できるかと思います。class名は、開発者ツールの「Elements」タブで確認できます。10px;}>・初期表示で、スケールを半日(12時間)単位としたい以下JavaScriptの132行目のコメントにも記載のとおり、jQuery.Ganttの仕様で、12時間単位はありません。days,weeks,monthsなお、ガントチャートはサンプルプラグインもございますのでよろしければお試しください。https://developer.cybozu.io/hc/ja/articles/203716110こちらのコメント欄は、フィードバック欄として活用いただけます。コミュニティをご活用ください。00:44kitone初心者です。様お世話になっております。はい、作業者を表示させることは可能です。なっている部分を、作業者フィールドに設定されている値に変更すると表示されるかと思います。カスタマイズに関する質問は、恐れ入りますが、コミュニティにてお願いいたします。Permalinkログインしてコメントを残してください。