課程特色
在這個數值資料爆炸的時代,海量數值資料如果要用表格的方式來呈現,當然可以很詳細的呈現,但是如果要在有限的時間內讓使用者快速瞭解這些數值資料的概括意義,最直覺的方式就是將龐大的數值資料圖像化,尤其在想要在極短時間內留住著網頁訪客的情況下,將資料視覺圖像化更是極其重要。
然而在網頁中繪製圖表相對困難,不像是在Excel這類型的試算表中,選一選功能就能夠輕易的產生,因此很多的作法,就是將資料先匯入到Excel中之後,再轉換成圖型檔案,例如PNG或是JPEG後插入到網頁中,這樣當然可以一定程度的解決問題。但是如果資料一旦被修改的話,整個流程就要重新來過一次,很不方便。更不用說如果要直接從伺服器取得動態的資料,而即時以圖表的方式呈現在網頁上,這是完全做不到的。
為了滿足這種需求,因此就產生出了Chart.js,這是一個JavaScript 的圖表函式庫,提供了八種類型的常用統計圖表。雖然是一個輕量級的函式庫,但是卻有豐富多樣化的設定,因此具備非常好的彈性,甚至有內建吸睛的動畫效果,是一個可以快速將數值資料視覺化的理想工具。
詳細內容
。基礎HTML與CSS知識
。基礎JavaScript知識
1. Chart.js介紹與環境設定
2. 長條圖(Bar chart)的建立
3. 圓餅圖(Pie chart)的建立
4. 甜甜圈圖(Doughnut chart)的建立
5. 折線圖(Line Chart)的建立
6. 極座標圓餅圖(Polar area chart)的建立
7. 雷達圖(Radar chart)的建立
8. 散佈圖(Scatter chart)的建立
9. 氣泡圖(Bubble chart)的建立
報名方式
如您對本課程有興趣,或需相關諮詢,請於下方留下您的聯絡資訊,我們將派專人與您聯繫,為您安排上課事宜,或回覆問題,感謝您!
備註
台北2024-04-27 ~ 2024-04-28 每週六日09:00 ~ 17:00
台北2024-05-23 ~ 2024-05-24 每週四五09:00 ~ 17:00
更詳細課程介紹與開課時間,請上網查詢 http://www.uuu.com.tw
歡迎來電洽詢課程優惠!
台北恆逸 02-25149191分機100 台北市松山區復興北路99號14樓
新竹恆逸 03-5723322分機100 新竹市光復路二段295號3樓之2
台中恆逸 04-23297722分機100 台中市西區臺灣大道二段309號2樓
高雄恆逸 07-5361199分機100 高雄市苓雅區新光路38號4樓之1
恆逸保留所有開課時間、以及課程內容與費用調整之權利。