ApexCharts.JS 詳細介紹

類別: IT

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 詳細介紹原文請看這裡