標籤: 資訊圖表 頁1

網路資源

Apache ECharts- 基於 javascript 的開源資訊圖表函式庫

Apache ECharts 是一個基於 javascript 的開源資訊圖表函式庫,相較於 d3.js 等其他一些函式庫,有著更輕易上手的優勢。

教學

[chart.js] 讓圖表高度隨容器變化

使用 chart.js 雖然可以設定 canvas 的高度,但預設圖表高度會有一個比例,如果想要讓這個高度隨容器比例調整的話,可以把 canvas 外面設一個容器,並把 canvas 的高度設為 100%。

網路資源

C3.js- 以 D3.js 為基礎的圖表函式庫

D3.js 是一個很強大的圖表繪製函式庫,不過要學習的話需要花點時間,而 C3.js 就是以 D3.js 為基礎的函式庫,讓使用者可以透過簡單的語法就能產出互動好用的圖表。

網路資源

D3.js- 強大的資訊視覺化套件

D3.js 是一個強大的資訊視覺化套件,可以利用它來產生像是長條圖、折線圖或是透過 geoJson 產生跟地圖互動的圖表。

網路資源

Chart.js- 方便好用的圖表套件

Chart.js 是一個方便好用的圖表繪製套件,只要依據格式設定資料,就能繪製出包含長條圖、折線圖、圓餅圖、雷達圖等等的圖表。

教學

[chart.js] 使用 chart.js 繪製折線圖

說明使用 chart.js 繪製折線圖的方法。