使用 CDN link 进入 HTML 的 Apex Chart 不显示

Question

我正在尝试使用带有 CDN link 的 ApexCharts 和来自 ApexCharts 网站的基本示例来显示图表。不幸的是图表不显示。这是代码：

<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>

</head>
<body>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-10">
            <canvas id="chart"></canvas>
        </div>
    </div>
</div>

<script>

    var options = {
      chart: {
        type: 'line'
      },
      series: [{
        name: 'sales',
        data: [30,40,35,50,49,60,70,91,125]
      }],
      xaxis: {
        categories: [1991,1992,1993,1994,1995,1996,1997, 1998,1999]
      }
    }
    var chart = new ApexCharts(document.querySelector("#chart"), options);
    chart.render();

</script>

</body>
</html>

我一直在使用带有 CDN link 的 chartjs，它运行良好（这发生在 django 项目中，但我认为这无关紧要）。

Answer 1

将canvas更改为div

<div id="chart"></div>

使用 CDN link 进入 HTML 的 Apex Chart 不显示

Apex Chart using CDN link into HTML does not display

safari

cdn

safari-extension

ios

apexcharts