顯示具有 ASP.NET Chart 標籤的文章。 顯示所有文章
顯示具有 ASP.NET Chart 標籤的文章。 顯示所有文章

2016年12月29日 星期四

[台北科大 分享會] Google Chart 網頁圖表產生器 - 2017/1/18(三)19:30

2017/01/18   週三 晚上 19:30~21:00   招生中

課程主題:Google Chart網頁圖表產生器


本次分享會的宗旨:
    「實用」、「簡單明瞭」、「實作」、「即戰力」
    不只是放放投影片混一個小時而已,希望有一個真正的範例作給大家看,您也可以跟著做
    而且 "入門"範例,可以讓大家感受到 "實用" 且 "學得會"。 自己聽得懂、做得到,才有幫助!

課程大綱 & 內容:  
      (講師: MIS2000 Lab.,微軟MVP 2008~2016)
      (課程約一小時,後續半小時為自由討論、分享、認識人脈的時間)
  1. 為什麼不用 ASP.NET Chart控制項?
  2. 對前端技術不熟悉,15分鐘學得會 Google Chart?
  3.       沒有前端經驗的人,也可以立即「套用」前端的特效。
  4.       學習「看得懂」原廠文件,快速引用網路上各種資源。
  5. 實際範例解說,使用Visual Studio  -- 如何與後端程式結合(以ASP.NET為例)
  6. Q & A,課後討論時間

  7. Bonus 福利 -- 社群分享、認識朋友、工作轉介 (分享.NET的工作機會與職缺)

參與人數:15人(現場沒有電腦教室。請自備NB 或是 兩手空空也行,帶著 輕鬆的心情 過來即可)
      分享會的內容,並非「從零講起」,未必適合毫無基礎的初學者(但如果您堅持要來旁聽,也歡迎)
      希望是業界、現役的工程師一起參與

地  點:台北科大 育成中心  (捷運 忠孝新生站,鄰近光華商場)  http://incu.ntut.edu.tw/files/15-1036-4233,c929-1.php?Lang=zh-tw
            臺北市大安區忠孝東路三段1號(光華館 3樓)    
         【註】八德路 v.s. 新生南路口側門入校第一棟(光華館)

            感恩 台北科大育成中心&聖森股份有限公司 提供場地

費用:250元    收取費用的原因:  希望「有決心」的人才來報名,不要報了名卻不來。
 ** 如果人數不足、主辦單位臨時取消或無法成行,開課日前一週告知。將無息、無扣手續費,以ATM退款給您。
 ** 如果確定舉辦,您卻無法參加,費用無法退還、贈品無法寄送。建議您私下將此名額轉讓給別人。
如果收費有盈餘,將補貼講師車馬費與餐費等等。

人數有限,不提供預約。    一律完成繳費才算報名成功!
務必填寫報名表,來信報名 。我會回信通知下列資訊:若非以下資料,皆屬詐騙,請小心!
我的電話是 0975-696-XXX
我的「銀行帳號」--  台北富邦銀行(012),帳號後六碼 xxx-xxx-388-785
    (怕有詐騙集團出面劫標,我先公佈一部份。請大家留意!)
  
 有任何問題,都請您來信  mis2000lab (at) yahoo.com.tw  或是 school (at) mis2000lab.net
姓名
E-Mail(盡量留自己的,而非公司)
電話方便聯絡的時間
目前所在公司或學校
 **必填**
其他需求,或您想跟我詢問的?
自己:
公司:
家:
手機:

  ****必填 ****



如果您報名時,沒有留下個人資料。臨時有突發狀況(如無法舉辦或颱風假等緊急因素)而無法通知到您,視同您不參與、自動放棄所有權利。
當然也不退費、不補發贈品。
人數有限,不提供預約。    一律完成繳費才算報名成功!

2015年9月17日 星期四

網頁繪製圖表 Google Charts with JavaScript.... ADO.NET取得圖表原始資料

網頁繪製圖表 Google Charts with JavaScript.... ADO.NET取得圖表原始資料

http://www.dotblogs.com.tw/mis2000lab/archive/2015/09/17/google_charts-with-ado-net.aspx

前兩篇文章介紹 Google Chart,並且把 "前端"程式 (JavScript) 改寫到ASP.NET (Web Form)後置程式碼
 
這兩篇文章的內容,都有 YouTube教學影片的簡介
藉此也讓各位看到「實際操作、(影片)教學」會比自己慢慢K書、看文件、K程式碼有效率多了。
http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/23/google_charts-javascript.aspx
 
http://www.dotblogs.com.tw/mis2000lab/archive/2014/05/10/google_charts-with-asp.net-clientscriptmanager.registerstartupscript.aspx
 
 
一旦把 "前端"程式 (JavScript) 轉移到「後置程式碼」之後
   (請善用上面第二篇文章介紹的ClientScriptManager類別),就是我們動手腳的好時機
 
「組合字串」、「字串相連」,一直以來都是資料庫程式、網頁程式擅長的作法
   (但也因為動態地「組字串」造成 SQL Injection資料隱碼攻擊、XSS攻擊....等等缺失)
 
請透過「參數」的寫法來避免,詳見以下文章說明:
http://www.dotblogs.com.tw/mis2000lab/archive/2014/08/29/ado.net_parameter_sql_injection_20140829.aspx
 
http://www.dotblogs.com.tw/mis2000lab/archive/2014/11/04/microsoft_anti-xss_v43.aspx
 
 
 
首先,我們來看看原始的 Google Chart的資料格式(Raw Data)有哪些?
 
以簡單的圓餅圖(Pie Chart)、地理圖表(GeoChart)為例,
兩者比較就能看出來:
 
 
 
甚至還能從 "google試算表"取得資料,透過大家熟悉的SQL指令來查詢
 
         //*** 查詢 Google的一份試算表。
         dataSourceUrl: 'http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1',
         query: 'SELECT A,D WHERE D > 100 ORDER BY D',
 
這就是我強調:盡量學習「國際標準」的作法,可以避免單一廠商、單一技術改朝換代的威脅




寫在 HTML網頁內,前端 JavaScript的資料格式如下:
            // 加入原始資料
            data.addRows([
              ['Mushrooms', 3],
              ['Onions', 1],
              ['Olives', 1],
              ['Zucchini', 1],
              ['Pepperoni', 2]
            ]);
 
 
我們可以看出他的架構,每一筆記錄就是   ['欄位', 值]
類似JSON文件。說穿了並不難。
 
您在後置程式碼,透過ADO.NET或是任何您善用的技術,
把資料庫的數據取出,組合成以上字串格式即可!
 
以下圖為例,我用DataReader來做,會用到兩個方法,取得「欄位名稱」與欄位裡面的「值」
 
詳見:
http://www.dotblogs.com.tw/mis2000lab/archive/2011/04/14/datareader_fieldcount_getname.aspx
 
 
 
 
 
料理東西軍!
「Google Chart  V.S.  ASP.NET Chart控制項」,今晚您要選擇哪一項?
 
 
 
完整內容將會收錄在 -- ASP.NET專題實務 (II) VS 2015版 裡面。
 
----------------------------------------------------------------------------------------------
從最傳統的圖表作法,透過 的寬度與高度修改,來做最原始的長條圖。
 
然後介紹  ASP.NET Chart控制項 
 (這東西功能很強,但學起來也很費時、後置程式碼來控制要寫很多程式碼、熟悉很多屬性與方法)
 
 最後介紹「前端技術」為主的 Google Chart,讓您的ASP.NET Web Form跟得上時代
----------------------------------------------------------------------------------------------
 
內容是否豐盛?是否比上一本書又多了好多新鮮事?   請拭目以待。


......... 寫信給我,mis2000lab (at) yahoo.com.台灣 .....................................................................................
................   facebook社團   https://www.facebook.com/mis2000lab   ............................
................   Google+   https://plus.google.com/100202398389206570368/posts ..............
................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

[遠距教學、教學影片] ASP.NET (Web Form) 六週課程 上線了!微軟MVP --MIS2000Lab.主講

事先錄製好的影片,並非上課時側錄!   觀看影片時,有如我「一對一」跟您面對面講課

          MIS2000 Lab.  線上教學影片(YouTube)