Angular 16中Zingchart无法渲染问题求助

我在Angular 16项目中尝试展示Zingchart图表，但页面始终空白。已完成以下操作：

• 执行安装命令：npm i zingchart --save
• 执行安装命令：npm i zingchart-angular --legacy-peer-deps

当前app.component.html代码如下：

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.zingchart.com/zingchart.min.js" type="text/javascript"></script>

</head>
<body>

  <div id="myChart"></div>

  <script>
    let chartData = {
      type: 'pareto',
      series: [
        {
          values: [
            4642,
            4345,
            2350,
            1251
          ]
        }
      ]
    };

    // Render Method[3]
    zingchart.render({ 
      id: 'myChart',
      data: chartData,
      height: 400,
      width: '100%'
    });
  </script>
</body>
</html>

项目依赖版本：

• @angular/core: ^16.1.0
• zingchart: ^2.9.11-1
• zingchart-angular: ^1.0.17

已在Edge和Chromium浏览器中测试，问题仍未解决，恳请提供帮助。

内容的提问来源于stack exchange，提问作者SaschaG