apexcharts.js

apexcharts.js是一个现代化 JavaScript 图表库，用于使用简单的 API 构建交互式图表和可视化。

npm安装

npm install apexcharts --save

<script>引入

<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>

使用

import ApexCharts from 'apexcharts'

要使用最少配置创建基本柱形图，请执行： 

var options = {
  chart: {
    type: 'bar'
  },
  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();

效果如下：

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/1200