在Vue中使用导入为CDN的ApexCharts

<script src="https://cdn.jsdelivr.net/npm/apexcharts@3.28.0/dist/apexcharts.min.js"></script>

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

<script>
import ApexCharts from 'apexcharts';

export default {
  mounted() {
    const options = {
      chart: {
        type: 'bar',
      },
      series: [{
        name: 'sales',
        data: [30, 40, 35, 50, 49, 60, 70, 91, 125],
      }],
      xaxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
      },
    };

    const chart = new ApexCharts(document.querySelector('#chart'), options);
    chart.render();
  },
};
</script>