开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
ApexCharts.JS首页、文档和下载 - 现代化 JavaScript 图表库 - 开源中国社区
全部项目分类
我要评价
MIT
JavaScript
跨平台
分享
收藏
46 人收藏
收录时间:2018-08-02
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();

渲染结果:


进阶用法

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


交互


动态数据更新


注释


热图


测量图


趋势图

ApexCharts.JS

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 ApexCharts.JS 的评论 (全部 1 条评论)
{{repayCom.userName}}
徐安是个好人
跟echart和antv有什么区别,他们已经做的很强大了
顶部