Apache ECharts 是一款基於 JavaScript 的開源資料視覺化圖表庫,提供直觀、生動且可交互的圖表,適用於各種資料視覺化需求。
主要特性:
-
豐富的圖表類型: ECharts 提供超過 20 種開箱即用的圖表類型,如折線圖、柱狀圖、散點圖、餅圖、K 線圖、盒形圖、地圖、熱力圖、關係圖、樹狀圖、旭日圖、平行坐標、漏斗圖和儀表板等,滿足多樣化的視覺化需求。
-
強大的渲染引擎: ECharts 支援 Canvas 和 SVG 渲染,可根據需求靈活切換。透過漸進式渲染和流式加載,實現千萬級資料的即時渲染,確保在處理海量資料時仍保持流暢的互動體驗。
-
專業的資料分析: 透過資料集(dataset)管理資料,支援資料轉換,如篩選、聚類和迴歸分析,協助使用者進行多維度的資料分析。
-
優雅的視覺設計: 預設設計遵循視覺化原則,支援響應式設計。靈活的配置使得自訂化變得簡單,滿足不同場景的需求。
-
活躍的社群: 活躍的開源社群確保專案的健康發展,並貢獻了豐富的第三方擴充功能,為使用者提供更多資源和支援。
-
無障礙友好: 自動生成的圖表描述和圖案,幫助有障礙的使用者理解圖表內容及其背後的資訊,提升無障礙體驗。
使用方法就是讀入函式庫後,透過簡單的設定就能將圖表產生:
var myChart = echarts.init(document.getElementById('main')); var option = { title: { text: 'ECharts' }, tooltip: {}, legend: { data: ['銷量'] }, xAxis: { data: ['襯衫', '羊毛衫', '雪紡衫', '褲子', '高跟鞋', '襪子'] }, yAxis: {}, series: [ { name: '銷量', type: 'bar', data: [5, 20, 36, 10, 10, 20] } ] }; myChart.setOption(option);
Apache ECharts 作為一款功能強大且靈活的資料視覺化圖表庫,為開發者提供了豐富的圖表類型和強大的渲染能力,能夠滿足各種資料視覺化需求。其活躍的社群和豐富的資源,讓開發者能夠輕鬆上手並創建高品質的視覺化圖表