通过echart生成html图表，但是无法通过html控件直接呈现，设置后无效果

import org.icepear.echarts.Bar;
import org.icepear.echarts.render.Engine;

public void echart() throws IOException {
    Bar bar = new Bar().setLegend().setTooltip("item").addXAxis(new String[] {"a", "b", "c", "d"}).addYAxis()
        .addSeries("2015", new Number[] {43.3, 83.1, 86.4, 72.4})
        .addSeries("2016", new Number[] {85.5, 73.4, 65.2, 53.9})
        .addSeries("2017", new Number[] {93.7, 55.1, 82.5, 39.1});
    Engine engine = new Engine();
    engine.render("index.html", bar);
    String html = engine.renderHtml(bar);
    Html htmlControl = this.getView().getControl("aos_htmlap1");
    htmlControl.setConent(html);
}

生成后的html代码如下

<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ECharts Demo</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.2.2/echarts.min.js"
        integrity="sha512-ivdGNkeO+FTZH5ZoVC4gS4ovGSiWc+6v60/hvHkccaMN2BXchfKdvEZtviy5L4xSpF8NPsfS0EVNSGf+EsUdxA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <style>
        #display-container {
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <div id="display-container">
    </div>
    <script type="text/javascript">
        var chart = echarts.init(document.getElementById("display-container")); 
        var option = {"xAxis":[{"type":"category","data":["a","b","c","d"]}],"yAxis":[{"type":"value"}],"tooltip":{"trigger":"item"},"legend":{},"series":[{"type":"bar","name":"2015","data":[43.3,83.1,86.4,72.4]},{"type":"bar","name":"2016","data":[85.5,73.4,65.2,53.9]},{"type":"bar","name":"2017","data":[93.7,55.1,82.5,39.1]}]}
        chart.setOption(option);
    </script>
</body>

</html>

产品问题如何将HTML页面呈现在表单界面中？

产品问题 如何将HTML页面呈现在表单界面中？

恭喜您！

产品问题
如何将HTML页面呈现在表单界面中？

产品问题如何将HTML页面呈现在表单界面中？