微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ApexCharts.JS Usage 现代化 JavaScript 图表库

程序名称:ApexCharts.JS Usage

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

ApexCharts.JS Usage 介绍

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 Usage 官网

https://github.com/apexcharts/apexcharts.js

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐