## 回答 [スクリプト](/ja/manual/table-management-script)を使い[一覧画面](/ja/manual/table-grid)の[進捗率](/ja/manual/table-record-progression-rate)に表示される帯グラフを非表示にできます。 --- ## 概要 一部箇所（たとえば、予定帯グラフのみ）の表示・非表示を切り替える機能はありません。[スクリプト](/ja/manual/table-management-script)にて表示を書き換える必要があります。 ## サンプルコード 以下のサンプルコードを、「期限付きテーブル」のスクリプトとして追加すると、[進捗率](/ja/manual/table-record-progression-rate)に表示される予定帯グラフを非表示にします。「出力先」は「一覧 」に設定してください。  ##### スクリプト（出力先：一覧） ```js // 予定帯グラフを非表示にするスクリプト $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に）しています。 希望の表示内容に応じて、修正してください。 ## 関連情報 <div id="ManualList"><ul><li><a href="/ja/manual/table-grid">テーブル機能：レコードの一覧画面</a><span>2025/10/21 up</span></li> <li><a href="/ja/manual/table-record-progression-rate">テーブル機能：レコードの進捗率表示</a><span>2026/08/17 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-script">テーブルの管理：スクリプト</a><span>2026/08/12 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />