软件简介

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();

渲染结果：

进阶用法

你可以创建不同图表的组合，相互同步，并随意定制想要的外观。比如：

交互

动态数据更新

注释

热图

测量图

趋势图