Возвращение html кода графика ui.chart для внедрения в html код

Webix JS
#1

Добрый день, был бы рад увидеть идеи, как возможно преобразовать элемент webix в html код, чтобы сразу внедрить в html структуру.

Есть такая html разметка элемента, которую возвращает функция в template, необходимо в эту структуру добавить график ui.chart type: “line”.

Код:

let html = “”;

html += "<div class='qoe_single_stat " + (Params.compact ? "compact" : "") + "'>";

html += Params.icon ? "<div class='new_details'>" +
                            "<div class='new_details_wrapper'>" +
                                "<div class='webix_icon icon fa-"+ Params.icon+"'></div>" +
                                "<div class='text'>"+(Params.text?Params.text:"")+"</div>" +
                            "</div>" +
                            "<div class='value'>"+(Params.value?Params.value:"N/A")+"</div>" +
                        "</div>" :
    "<div class='new_details'>" +
        "<div class='text'>"+(Params.text?Params.text:"")+"</div>" +
        "<div class='value'>"+(Params.value?Params.value:"N/A")+"</div>" +
    "</div>";

html += "</div>";

return html;

ui.chart должен находиться в

.

Подскажите, как преобразовать chart в html код, чтобы добавить в эту структуру.

Спасибо!

#2

если поддержка старых браузеров не принципиальна, то можете попробовать customElements вместе с MutationObserver
https://snippet.webix.com/rlv1ydcx
минус - если будете использовать в webix template то созданные таким образом элементы не будут responsive.