bundled.html

<html>
    <body>
        <echarts-webcomponent
            style="display: block; width: 600px; height: 400px;"
            option='{"title":{"text":"ECharts 入门示例"},"tooltip":{},"legend":{"data":["销量"]},"xAxis":{"data":["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]},"yAxis":{},"series":[{"name":"销量","type":"bar","data":[5,20,36,10,10,20]}]}'
        ></echarts-webcomponent>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.1.3/webcomponents-bundle.js" integrity="sha256-4jOg/7MBayBO2wu7hBlS/rMaGUrVPNRzx2ADOR8kv9M=" crossorigin="anonymous"></script>
        <script src="dist/bundled.js"></script>
        <script>
            window.addEventListener('WebComponentsReady', function (e) {
                window.customElements.define("echarts-webcomponent", EChartsWebComponent);
            });
        </script>
    </body>
</html>