preloader
軟體工程

Using C3js to generate what simple charts you want 用C3js產生網頁簡易圖表

Using C3js to generate what simple charts you want 用C3js產生網頁簡易圖表

C3js is easier than D3js for beginners who want to generate simple charts such as line ones, …,etc.. C3js relys on D3js so you must include D3js first in your web app before you start to use C3js. In the other words, you should include C3js and D3js into a web app. 

因為尋找可以在網頁上更好呈現資訊內容,所以我找到一些可以根據資料繪圖的函式庫。我覺得C3js很容易使用,它基於D3js的內容發展,相較之下C3js只需指定一些內容就能產生制式化的圖表。在網站專案使用C3js之前,一定要先引入D3js才能正常使用。

I have used C3js to generate a line chart for simple data visualizations. The following picture shows the results it produces. 以下是使用C3js產生的折線圖,我覺得效果不差。

 

You can find tutorials on C3js' website. Aboved picture is used c3-rails gem to an adaptive rails application. Other libraries for generating charts by developers are D3js, HighCharts, ChartKick. My friend provides another solutions for data visualization: vis.js and google chart

上面這個圖是在Rails app使用 c3-rails 套件,想知道如何使用C3js,可以到C3js的網站學習。另外也有其他相同類型的函式庫可供使用,例如D3js, HighCharts, ChartKick。強者我朋友(不知道他願不願意我公開他ID,隱藏好了)提供其他函式庫: vis.jsgoogle charts