Apache ECharts 是一個基於 javascript 的開源資訊圖表函式庫,相較於 d3.js 等其他一些函式庫,有著更輕易上手的優勢。
使用方法就是讀入函式庫後,透過簡單的設定就能將圖表產生:
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);
更多使用方法可以參考EChart.js 文件說明