グラフ選択時の表示デフォルトを非表示にしたい

kintone カスタマイズ
1

お世話になります。

こちらのコミュニティで検索したのですが、似た内容を見つけられなかったため、グラフ（折れ線グラフ）の表示について質問させてください。

 

グラフ一覧から希望のグラフをクリックした際、グラフ上に折れ線が表示されない状態にすることは可能でしょうか。

その後、グラフ下部の項目をクリックしていくことで、該当の折れ線が表示される、という流れ（＝本来の手順と逆）にしたいのです。

似た動きをする折れ線が同一グラフ上に複数存在するため、最初からすべてを表示させると見づらく、上記が可能であれば実現させたいです。（グラフそのものを分けることは既にしましたが、項目が数十あるため、その方法だけでは限界を感じています。。）

 

ご教示いただけますと幸いです。

どうぞよろしくお願いいたします。

 

2

面白そうな要望ですね。試してみました。
項目のテキスト部分を表示時にクリックしています。
なおDOM 操作になりますので、kintone の仕様変更で動作しなくなるリスクがあります。

jQuery.noConflict();
(function($) {
  'use strict';
  kintone.events.on('app.report.show', function(event) {
    if ($('.filter-contents-gaia .gaia-argoui-select .gaia-argoui-select-label').text() == '折れ線グラフ') {
      setTimeout(() => {
        $('.highcharts-container .highcharts-legend-item text').click();
      }, 1000);
    }
  });
})(jQuery);
3

435994154 様

ご回答をいただきありがとうございます。

表示時に項目のテキスト部分をクリックするという方法、シンプルで私でもなんとか形にできそうな気がいたします。

スクリプト記述の知識が乏しく、実装するまでに時間がかかってしまいますので、取り急ぎ御礼申し上げます。

結果までたどり着きましたら、改めて投稿したいと思います。