在網頁中繪製圖表是十分困難的,一點都不像是在Excel這類型的試算表軟體中建立圖表,只要選一選功能就輕易的產生圖表。因此很多網站的做法,就是將數值資料先匯入到Excel中之後,經由Excel的圖表功能轉換成需要的數值圖表類型,例如是直方圖或是圓餅圖,接著將這個圖表儲存為網頁能夠使用的圖檔格式,例如PNG或是JPEG後再插入到網頁中,這樣當然可以一定程度的解決問題。但是如果資料一旦被修改的話,整個流程就要重新來過一次,很不方便。更不用說如果要直接從伺服器上取得動態的資料,並且即時以圖表的方式呈現在網頁上,這就是這種方案所完全無法做到的。

完整介紹請上網查詢https://ucomedu.blogspot.com/2023/04/chartjs.html

而為了滿足這種需求,因此英國的工程師Nick Downie就設計出了Chart.js。這是一個由JavaScript撰寫的數值圖表工具庫,由於是開放原始碼,因此也是完全免費的。Chart.js目前是最受歡迎的JavaScript數值資料圖表工具庫。Chart.js提供了八種類型的常用統計圖表類型,因此總是能夠找到最適合的特定圖表來呈現資料。

如果我們只想要快速的使用Chart.js來產生一個分析圖表,Chart.js預設一個理想的預設外觀配置,因此即使我們根本不指定任何選項,您也有可能獲得非常吸引人的圖表。例如Chart.js預設會啟用動畫功能,因此我們的數據可以立即吸引使用者的注意力。

但是如果想要有更好的表現,或是更客製化的功能,Chart.js不但是個非常輕巧的函式庫,並且還擁有豐富多樣化的設定,因此具備非常好的彈性。例如能夠自訂圖表的高度、動態說明註釋、縮放或拖放功能等,甚至還有內建的配色選項與自適應網頁(Responsive Web Design),是一個可以快速將數值資料視覺化的理想工具。

完整介紹請上網查詢https://ucomedu.blogspot.com/2023/04/chartjs.html或來電25149191#100將有專人為您服務。

熱門新聞

Advertisement