ApexCharts.JS现代化 JavaScript 图表库

联合创作 · 2023-09-28 22:50

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

渲染结果:


进阶用法

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


交互


动态数据更新


注释


热图


测量图


趋势图

浏览 3
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报