一覧画面の進捗率に表示されるグラフを非表示にしたい

2026-09-172026-09-17

回答¶

「スクリプト」を使い「一覧画面」の「進捗率」に表示される帯グラフを非表示にできます。

概要¶

一部箇所（たとえば、予定帯グラフのみ）の表示・非表示を切り替える機能はありません。「スクリプト」にて表示を書き換える必要があります。

サンプルコード¶

以下のサンプルコードを、「期限付きテーブル」のスクリプトとして追加すると、「進捗率」に表示される予定帯グラフを非表示にします。「出力先」は「一覧」に設定してください。

スクリプト（出力先：一覧）¶

// 予定帯グラフを非表示にするスクリプト
$p.events.on_grid_load = function () {

    // svg-progress-rateクラスを持つSVG要素を取得
    const svgs = document.querySelectorAll('td svg.svg-progress-rate');

    // 各SVG要素に対して操作を実行
    svgs.forEach(function(svg) {

      // 濃いグレーの<rect>要素を非表示にする
      svg.querySelector('rect:nth-of-type(1)').style.display = 'none';

      // 薄いグレーの<rect>要素を非表示にする
      svg.querySelector('rect:nth-of-type(2)').style.display = 'none';

      // グリーンまたはレッドの<rect>要素のy属性を20に設定
      svg.querySelector('rect:nth-of-type(3)').setAttribute('y', '20');

    });
}

上記のスクリプトにより、予定帯グラフを非表示とし、その下の帯グラフの高さを大きく（y属性を20に）しています。

希望の表示内容に応じて、修正してください。