首页在线引入apexcharts

在线引入apexcharts

时间: 2023-10-01 18:08:41 浏览: 61

要在线引入 ApexCharts，可以使用以下步骤： 1. 打开你的 HTML 文件，并在 `<head>` 标签中添加以下代码： ``` <head> <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> </head> ``` 2. 在你的 JavaScript 文件中创建一个新的 ApexCharts 实例并将其附加到你的 HTML 元素上。例如： ``` var options = { chart: { type: 'line' }, series: [{ name: 'sales', data: [30,40,35,50,49,60,70,91,125] }], xaxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'] } } var chart = new ApexCharts(document.querySelector("#chart"), options); chart.render(); ``` 在这个例子中，我们创建了一个折线图，将其数据和选项传递给 `ApexCharts` 构造函数，并使用 `render()` 方法将图表渲染到具有 `id="chart"` 的 HTML 元素中。请注意，如果你的 JavaScript 文件位于 HTML 文件中，则需要在 ApexCharts 引入脚本之前引入它。