標籤: 資訊圖表 頁1

網路資源

Lucid.app- 方便製作 Mind map, FlowChart, ER 圖等資訊的線上工具,還可以直接把設計好的 ER 圖匯出成資料庫檔案

Lucid.app 是一個方便製作許多資訊圖表的線上工具,可以製作的包含 Mind map, FlowChart, ER 圖, persona, UML class...等,還可以直接把設計好的 ER 圖匯出成資料庫檔案後直接匯入資料庫,真的非常方便,有需要的可以嘗試看看。

網路資源

純 CSS 的樹狀圖- Treeflex

這是一個由純 CSS 製作的樹狀圖範例,可以讀入其 CSS 再照著設計的結構,就能簡單生出樹狀圖了。

教學

[chart.js] 設定 aspectRatio 調整圖表的比例

如果想要在 chart.js 調整圖表的比例,可以在 config 的地方設定 aspectRatio 的值就好了。

網路資源

GoJS- 強大的互動資訊圖表產生器

GoJS 是一個以 javascript 為基礎的互動資訊圖表產生器,舉凡 Flow Chart、結構圖、樹狀圖...等都有支援。

網路資源

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 繪製折線圖的方法。