现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

#扫描上方二维码报名成都源创会#

授权协议:MIT

开发语言:JavaScript

操作系统:跨平台

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

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

使用

创建基本图表

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


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

渲染结果:

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

进阶用法

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

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

交互

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介
动态数据更新

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

注释

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

热图

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

测量图

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

趋势图

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

项目详情及源码地址获取:

现代化 JavaScript 图表库 ApexCharts.JS | 软件推介

上一篇:神舟K650c i7(W350STQ)上成功装好Mac OS X 10.9,兼谈如何安装WinXP、7、8.1、OSX、Ubuntu五系统(Chameleon、MBR)


下一篇:artTemplate的使用总结