埋め込み用タグ

• ポータル画面上にタブを配置し、タブ内にkrewDashboardアプリの埋め込みタグを設定すると、krewDashboardの描画が完了する前に素早くタブを切り替えるとグラフが正しく描画されません。以下のサンプルコードのようにタブ切り替え時にリサイズイベントを発火させてkrewDashboardを再描画させる必要があります。

サンプルコード（Kintone Portal Designerの「advanced-3tabs」の例）

var handleClick = function (evt) {
    removeAllButtonActive();
    evt.target.classList.add('advanced-tab--active');

    removeAllButtonExpanded();
    evt.target.setAttribute('aria-expanded', 'true');

    var tabNumber = getTabNumber(evt.target);

    removeAllTabPanelActive();
    tabPanelEls[tabNumber].classList.add('advanced-panel-contents--active');
    if(window[tabNumber]&& window[tabNumber].$){
        // 回避方法 - リサイズイベントを発火する
        window[tabNumber].$(window[tabNumber]).trigger("resize");
    }
};

buttonEls.forEach(function (buttonEl) {
    buttonEl.addEventListener('click', handleClick);
});