现代化 JavaScript 图表库 ApexCharts.JS

• 授权协议: MIT
• 开发语言: JavaScript
• 操作系统: 跨平台
• 软件首页: https://github.com/apexcharts/apexcharts.js
• 软件文档: https://github.com/apexcharts/apexcharts.js
• 官方下载: https://github.com/apexcharts/apexcharts.js

软件介绍

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

Demo 地址

Usage

创建基本图表

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

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://codercto.com/soft/d/12660.html