现代化 JavaScript 图表库 ApexCharts.JS

ApexCharts.JS 现代化 JavaScript 图表库

MIT
JavaScript
跨平台
2018-08-02
王练

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

渲染结果:


进阶用法

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


交互


动态数据更新


注释


热图


测量图


趋势图

加载中

评论(1)

徐安是个好人
徐安是个好人
跟echart和antv有什么区别,他们已经做的很强大了

暂无资讯

暂无问答

暂无博客

返回顶部
顶部