5
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VSCodeのMarkdown Preview EnhancedのMermaid.jsのガントチャートで本日の赤線を消す

Posted at

概要

  • Markdownで書いたガントチャートから本日の赤線を消す

環境

方法

 mermaid.jsの設定を駆使して,スタイルシートのline.todaydisplay:noneにすることで赤線を消すことができる.

Mermaidの設定を開く

⌘+SHIFT+Pで,Markdown Preview Enhanced: Open Mermaid Configを選択して開く

// config mermaid init call
// http://knsv.github.io/mermaid/#configuration
//
// You can edit the 'MERMAID_CONFIG' variable below.
MERMAID_CONFIG = {
  startOnLoad: false
}

以下のように追記する

// config mermaid init call
// http://knsv.github.io/mermaid/#configuration
//
// You can edit the 'MERMAID_CONFIG' variable below.
MERMAID_CONFIG = {
  startOnLoad: false,
  themeCSS: "line.today{display:none;}"
}

変更前のガントチャート

mermaid_today_line.png

変更後のガントチャート

mermaid_today_noline.png

5
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?