お世話になります。
特定のスペース内のトップ画面のグラフの一番右のグラフ線のみ非表示にするためのjavascriptを反映させたいです。
(() => {
“use strict”;
kintone.events.on(“space.portal.show”, function (event) {
console.log(“test555”);
document.addEventListener(“DOMContentLoaded”, function () {
setTimeout(function () {
// すべての .highcharts-series 要素を取得
const groups = document.querySelectorAll(".highcharts-series");
// 4番目、5番目、6番目の .highcharts-series が存在するか確認
const targetIndexes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23]; // 4, 5, 6番目はインデックスで3, 4, 5になる
targetIndexes.forEach((index) => {
if (groups.length > index) {
const targetGroup = groups[index];
// その中のすべての <rect> 要素を取得
const rects = targetGroup.querySelectorAll("rect");
// 最後の <rect> 要素が存在する場合は display: none; を適用
if (rects.length > 0) {
const lastRect = rects[rects.length - 1];
lastRect.style.display = "none";
}
}
});
// すべての .highcharts-series 要素を取得
const groups2 = document.querySelectorAll(".highcharts-axis-labels");
groups2.forEach((span) => {
console.log(span);
});
// 2番目の g が存在するか確認
const targetIndexes2 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]; // 4, 5, 6番目はインデックスで3, 4, 5になる
targetIndexes2.forEach((index) => {
if (groups2.length > index) {
const targetGroup2 = groups2[index];
// その中のすべての <tspan> 要素を取得
const tspans = targetGroup2.querySelectorAll("tspan");
tspans.forEach((span) => {
console.log(span);
});
if (tspans.length > 0) {
const lastTspan = tspans[tspans.length - 1];
lastTspan.style.display = "none";
}
}
});
}, 5000); // 5000ミリ秒 (5秒) の遅延
});
kintone.events.on(“space.portal.show”, function (event) {
console.log(“test556”);
return event;
});
});
})();
上から3行目の「 kintone.events.on(“space.portal.show”, function (event) {」を書くと反映されなくなってしまい、消してしまうと反映させたくない他のアプリ内のグラフにまで影響がでてしまい困っています。
トップ画面のみに限定するにはどのように書いたらよいでしょうか。
よろしくお願いいたします。