Mermaidでガントチャート表示をすると、BOXサイズが小さくて、タスク名が見えなくなってしまいます。

[kenichi-kobayashi]

非常に有益なマクロの公開をありがとうございます。

いつも、便利に使わせてもらっています。

早速ですが、質問です。

以下のMarmaidマクロで、ガントチャート表示してみました。 {{mermaid gantt title A Gantt Diagram dateFormat YYYY-MM-DD section Section A task :a1, 2014-01-01, 30d Another task :after a1 , 20d section Another Task in sec :2014-01-12 , 12d another task : 24d }}

下図のとおり、BOXサイズが小さくて、タスク名が見えなくなってしまいます。

Boxの高さを指定することはできませんか？ あと、フォントサイズを大きくしたいのですが、何か方法があれば、教えていただけるとありがたいです。

[ishikawa999]

@kenichi-kobayashi

問題を共有していただき、ありがとうございます。 ガントチャートのタスクバー(Box)の高さについて、調べてみたところRedmine本体のCSSとクラスが重複しており、高さが固定されてしまっていたことがわかりました。 (https://github.com/redmine/redmine/blob/d4be06edf5167ae1dff39983d527154cb87fbafe/public/stylesheets/application.css#L1442)

変更を加えたので、最新のプラグインを適用してご確認いただけないでしょうか？ => 変更後に図を描画した様子

あと、フォントサイズを大きくしたいのですが、何か方法があれば、教えていただけるとありがたいです。

フォントサイズについては一律で変更すると図が崩れてしまう可能性があるため、今のところはview customizeプラグインかpublic/stylesheets/application.cssを直接書き換えるかでRedmine単位でCSSをカスタマイズしていただくしか無さそうです。 例:

.mermaid text {
  font-size: 20px !important;
}

[kenichi-kobayashi]

早速の対応ありがとうございます。

＞変更を加えたので、最新のプラグインを適用してご確認いただけないでしょうか？ 最新のプラグインは、Githubのmasterから取得すればよいでしょうか？ Githubの最新版のinit.rbを見ると、バージョンがV0.,3.2のまま変更されていなかったようなので、一応、確認です。

[ishikawa999]

@kenichi-kobayashi

最新のプラグインは、Githubのmasterから取得すればよいでしょうか？ Githubの最新版のinit.rbを見ると、バージョンがV0.,3.2のまま変更されていなかったようなので、一応、確認です。

GitHubのmasterからでお願いいたします。 修正ができていればバージョンを上げようと思っております。

[kenichi-kobayashi]

了解しました。

[kenichi-kobayashi]

最新のプラグインを適用してみたのですが、以下のとおりになってしまいます。

何が悪いかわかりますでしょうか？

[ishikawa999]

@kenichi-kobayashi

お試しいただきありがとうございます。

最新のプラグインを適用してみたのですが、以下のとおりになってしまいます。

何が悪いかわかりますでしょうか？

私の手元の環境では問題無く動作して見えるため、正直なところあまり原因に思い至るところがありません。

以下の点をご確認いただけないでしょうか？

• ブラウザのスーパーリロードを試す(ブラウザのキャッシュによって直っていなかった場合、これで直るかもしれません) https://ao-system.net/note/69
• 他のブラウザで同じページを表示してみる
• cd plugins/redmica_ui_extension でプラグインディレクトリに移動し、 git log -n 1 --pretty=format:"%H" の結果が 6f978951c4a63b230b19dc0ce9a894636cae3c2c になっていることを確認
• 他のチケットやWikiページなどで同じmermaid macroを利用しても同様の結果になるか確認
• 可能であれば利用されているテーマ名を教えていただきたいです

お手数をおかけしてしまい申し訳ありません。確認はご都合の良いときで大丈夫です。