reporting - サイズ変更イベントに基づいてダッシュボードを自動的にスケーリングする

Question

icCube のライブ ダッシュボード デモでは、ブラウザー ウィンドウのサイズに合わせてスケーリングされるダッシュボードが表示されます。ただし、現時点では、ウィンドウのサイズを変更した後、最初にブラウザーを更新して、再スケーリングされたダッシュボードを表示する必要があります.

ウィンドウのサイズを変更した後 (F5 キーを押さずに) 自動的にスケーリングすることは可能ですか?またその方法は?

Answer 1

私のJavaScript開発者は、次の解決策を見つけました。完璧ではありませんが、機能します：

• メニューとして機能するメイン ダッシュボード (埋め込みレポート ウィジェットを使用) に、イベント ic3-report-refresh を含むアクション/ボタンを配置します。
• CSSでボタンを非表示にする

• メイン ダッシュボードの JavaScript セクションに次のコードを配置します。

  function consumeEvent( context, event ) {   
  if (event.name == 'ic3-report-after-build') {     
        //resize window
        var delay = (function(){
            var timer = 0;
            return function(callback, ms){
              clearTimeout(timer);
              timer = setTimeout(callback, ms);
            };
          })();
  
  
  $(window).resize(function () {
      delay(function(){
      $(".report-refresh-button").trigger("click");
  }, 500);
  });
  

  }
  }`

その結果、メインの html ページ (メインのダッシュボードが埋め込まれている) のサイズが変更されると (つまり、iPad が回転する)、更新がトリガーされ、icCube が効果的にページのサイズを変更します。