ApexCharts.JS现代化 JavaScript 图表库
ApexCharts.JS 是一个现代化 JavaScript 图表库,用于使用简单的 API 构建交互式图表和可视化。
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();
渲染结果:
进阶用法
你可以创建不同图表的组合,相互同步,并随意定制想要的外观。比如:
交互
动态数据更新
注释
热图
测量图
趋势图
评论