apexcharts.js 介绍
apexcharts.js是 一个 现代化 JavaScript 图表库,用于使用简单的 API 构建交互式图表和可视化。
npm安装
npm install apexcharts --save
<script>引入
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
使用
import ApexCharts from 'apexcharts'
要使用最少配置创建基本柱形图,请执行:?
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();
效果 如下:
?
网站地址 : https://apexcharts.com
GitHub: https://github.com/apexcharts/apexcharts.js
网站描述: 一个 现代化 JavaScript 图表库
apexcharts.js官方网站
官方网站: https://apexcharts.com
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did176674