Silverlight Toolkit中的圖表繪製功能 - 透過程式碼來繪製圖表 與 資料繫結

作者： -
這一篇，我大致介紹了如何透過程式碼來繪製圖表，在這個影片當中，也同時介紹了圖組如何與特定的資料物件進行資料繫結，Silverlight這個功能相當有意思，過去我在研討會上有介紹過Silverlight資料繫結的觀念，和ASP.NET不同，Silverlight的資料繫結機制原則上是進行在用戶端的，主要是讓記憶體中某個物件的Property與前端Silverlight UI element的Property之間進行繫結，和ASP.NET透過宣告式語法讓前端介面與資料庫進行繫結的觀念不盡相同。這是因為對於Silverlight來說，資料庫在遠端，所以Silverlight無法直接和遠端的資料庫進行繫結(這樣做也沒意義)，但是卻可以透過WCF將遠端的資料以物件的型式傳送到用戶端的記憶體中再與UI element進行繫結。

anyway, 我們先來看怎麼透過程式碼繪製圖表，接著我會再陸續把其他關於Silverlight toolkit的範例和教學影片放上來，希望對各位有幫助。

留言

匿名表示…
請問董老師，
您在 run!pc 12 月份的文件 - ADO.NET Data Services、Silverlight 建構物件模型，一文中的範例，
開發環境，是否只要 VS 2008 + SP1，即可用 Silverlight + Data Services 連接資料庫？

因目前尚無法直接以 ASP.NET AJAX + Data Services 搭配開發，因會缺少「MicrosoftAjaxDataSource.js」這個檔案，必須額外「ASP.NET 3.5 Extensions Preview」才行。

因此想請教您，若是用 Silverlight + Data Services，是否只要 VS 2008 SP1 + Silverlight 本身的必要環境，即可後兩者搭配？

謝謝。
2008年12月16日 凌晨1:17
匿名表示…
是的，ADO.NET Data Service是在VS2008+SP1(.net framework 3.5 SP1)當中正式推出的，因此只需要在開發環境具備有在VS2008+SP1, 在IIS端具備有.net framework 3.5 SP1即可運行...
2008年12月16日 上午8:36
匿名表示…
感謝老師的回應。
2008年12月16日 上午8:43
匿名表示…
董老師您好：
我自己仿照著您製做的教學影片來練習，可是卻是一直出錯，可以將Silverlight Toolkit中圖表繪製的範例(使用資料繫結)完成檔案釋出嗎？
可能是我的程度不夠，怎樣也看不出來是哪做錯了，想用完成檔來比對自己是哪個環結出錯了。

謝謝老師！
2009年1月28日 下午6:20
Unknown寫道…
請問董老師:
每回聽您錄製教學影片, 發覺聲音好清楚, 我自己用Camtasia Studio在錄製時, 聲音效果都不好, 不知老師是用那一種mic, 或者是什麼設備, 可以告訴我嗎 ? 謝謝您
2009年2月26日 下午2:48
匿名表示…
Dick,
我其實並沒有選擇Mic或是特殊的設備, 而且設備也是很便宜的那種, 不過我猜因為為我的NB有安裝一套intellisonic軟體, 你可以試試看...
2009年3月1日 晚上9:05
匿名表示…
董老師您好：
看到您介紹的範例，個人覺得silverlight toolkit的圖表繪製功能十分不錯，想請教如果是在PHP的網頁，在讀取資料庫的資料後，有可能經由silverlight的圖表繪製功能呈現出圖表嗎?? 個人真的不太清楚，所以麻煩您了，謝謝!!
2009年3月26日 下午5:09
張貼留言

這個網誌中的熱門文章

開啟 teams 中的『會議轉錄(謄寫)』與Copilot會議記錄、摘要功能

作者： -
圖片
在 Teams 中有一個非常好用的功能，可以透過 “謄寫” 把 Teams 的語音會議變成逐字稿，這部分當然是用到語音識別(語音轉文字)的AI技術。 開始謄寫與自動會議紀錄 當啟動一個會議之後，主席可以透過底下這個『開始謄寫』功能來開啟： 這個功能之所以重要，是因為他也是 Teams Copilot 要能夠順利使用的基礎。我們可以透過 Teams Copilot 進行會議的摘要、總結、整理、或是進行會議內容的詢問，而這後面用的則是LLM(大語言模型)的能力： 這功能對於需要參加很多會議的主管、或是在開會遲到的同仁，都是很方便的功能，可以透過詢問Copilot快速地進入會議狀況。 開啟 “謄寫” 功能 然而，這一切的基礎 “謄寫” 功能卻不是每一個機構都有預設開啟，如果你發現你的 “謄寫” 功能是灰色的(無法點選)，就意味著你的組織沒有開啟(或沒有為你開啟)這個功能。 那組織的管理員該如何開啟此功能呢? 很簡單，只需要到 Teams 系統管理中心，點選 『設定和原則』 --> 『會議』： 進入 『會議』 的設定之後，找到『會議錄製』–>『轉錄』 將其『開啟』即可: 如此一來，組織內的同仁就可以順利的使用 Tteams 會議中的語音轉文字(謄寫)功能，也可以使用 Copilot 來查詢會議的內容囉。 Enjoy it~
Read more »

VS Code的字體大小

作者： -
圖片
身為.net developer，這年頭是什麼code都得要會寫的年代。 而雖然我的NB還沒從Windows淪陷為Mac OS，但寫Node.js和Python免不了要用VS Code，這是一種愛的表現。 但歲月不饒人，盡管微臣非常熱於配合，但VS Code預設字體的大小在我還沒錢買大尺寸螢幕的狀況下，實在讓老臣難以適應。當下的第一個反應是什麼? 當然是 Ctrl+滑鼠滾輪往上推…哇靠，沒用。看…這設計…恩，千錯萬錯一定是我的錯。 只好從選單 file –> Preferences –> Settings: 在出來的視窗中，你可以看到 editor.fontsize: 沒錯，改它就行了。改不動? 喔，不好意思，我沒仔細看說明，要copy到右邊是吧，沒問題，copy->paste->modify->Save…搞定。 好簡單啊…連ctrl+(mouse scroll up)都用不到了呢… 咦?這是一篇抱怨文嗎? 沒有，誰說的? 免費的tool我們還有什麼好抱怨的呢…要感恩啦。 啊….對了，如果你還是堅持要使用 Ctrl+滑鼠滾輪，請找關鍵字… "editor.mouseWheelZoom"
Read more »

使用 Render.com 作靜態網站的自動化佈署

作者： -
圖片
最近在上課時，為了讓不想花錢申請 Azure 雲端服務的學員，也能夠實際體驗 CI/CD 的開發流程，我一直在尋找一個 免費、簡單 的網站部署的平台。希望用戶只要有 GitHub 帳號，就能將 repo 內的網站經由 GitHub Actions 自動佈署到雲端。 試過幾個方案之後，最後選擇了 Render.com 。它不但提供免費的靜態網站託管，還能輕鬆與 GitHub 整合，自動化部署流程幾乎沒什麼難度，非常適合教學與初學者練習使用。 什麼是 Render.com Render.com 是一個現代化的雲端平台，提供簡單、快速且免費的網站服務。​透過與 GitHub 的整合，開發者可以輕鬆地將靜態網站自動部署到 Render，並利用 GitHub Actions 進行持續整合與部署（CI/CD）。 Render 支援多種服務類型，包括： 靜態網站（Static Sites） ：​適用於 HTML、CSS、JavaScript 等前端資源，透過全球 CDN 提供快速、安全的內容傳遞。 Web 服務（Web Services） ：​支援 Node.js、Python、Ruby 等後端應用程式的部署。(但不支援 .net) 私有服務（Private Services） 、 背景工作（Background Workers） 、 排程任務（Cron Jobs） ：​適用於內部服務、非同步處理及定時任務。 如何從 GitHub 部署靜態網站到 Render Render 本身直接支援自動化佈署，你可用 GitHub 帳號申請Render.com ，並且直接建立一個靜態網站： 你可以在建立站台的時候，直接選擇要從哪一個 GitHub Repo 進行佈署: 在選擇好後，你可以配置該網站關聯的資料來源位置(選擇Repo中的資料夾): 設定完成之後，只需要一鍵就能佈署完成： 如果要變成自動化呢? 我們可以在 GitHub Repo 中設定 Action，來進行網站的自動化佈署。 由於Render.Com 提供一個自動化佈署的 WebHook(本質上就是一個API)，只要呼叫該API， Render.com 就可以自動從 GitHub repo 中取得最新的程式碼，並且佈署到伺服器端： 也因此，只要我們為其配置一個 GitHub Acti...
Read more »

令人徬徨的Silverlight?

作者： -
昨晚熬夜連續看完兩檔院線片之後, 上網轉換一下心情, 路過自己的BLOG, 驚覺似乎雜草又長高的幾吋, 不上來耕耘一下有點對不起冤親債主(ㄜ...不是, 是親朋好友), 不過, 昨晚熬了一整夜看完兩部片之後發現天已經亮了, 畢竟自己已經老了, 經不起年輕時候這樣糟蹋身體的方式, 補眠後才上網把這篇BLOG寫完。 跟大家報告一下最近的狀況, 話說...最近碰巧有幸拜訪一些微軟的Partner, ISV, 很自然的大家就談到了Silvlerlight這個技術, 我發現大家對Silverlight都花了不少心思, 不論是正在評估或是正在設法導入到自己的產品和專案當中, 當然我也知道這背後的秘辛與原因, 廠商們或多或少是在微軟的淫威之下, 被迫不得不奮發向上...ㄟ...不過我也要幫MS說說話, 不經一番寒澈苦, 哪得梅花撲鼻香...這些努力當然是會有代價的... 例如我最近已經聽到不少客戶對採用Silverlight技術所開發的產品大加讚賞, 一個是國內reporting/BI廠商(聯銓), 另一個, 內舉不避親, 是.NET Solutions上的BPM大廠(K2), 聯銓我很久以前和該公司合作過(也不算合作, 當時我是客戶端), 最近比較沒有接觸了, 關於聯銓使用到Silverlight相關的技術成果都是輾轉從客戶端聽到的, 但是客戶端給的評價都很高, 顯然我以前認識的該公司的開發人員有在Silverlight上下了一些功夫。 K2我當然就很熟了, 如果你對.NET上的BPM產品有興趣, 不難發現從去年開始, K2是第一個將Silverlight用在商業用途上的微軟Partner, 並第一時間推出相關產品(BlackPoint)的廠商, Scott的BLOG上還有介紹。 即便是這樣, 還是有不少學員或讀者會正式或非正式的問我, 到底Silverlight怎麼樣? 會不會取代ASP.NET? 對於Web Solutions的開發將帶來什麼影響?關於這種申論題, 一般而言我比較在書上回答, 而且畢竟我不是搞算命或搞政治的, 我很難掐指一算就告訴你未來的方向...而且，ASP.NET的書我還是會出(最近還有一些Plan, 我想寫寫跟ASP.NET架構設計有關的書), 這也表示我不會立刻放棄ASP.NET, 但是Silverlight又要在Web Solutions中擔當...
Read more »

關於Silverlight中的RichTextBox以及文字處理

作者： -
有朋友問到Silverlight當中如何設定TextBlock文字的顏色，例如.. ABCD EFGH IJKL 我才恍然發現一件事情，我一直沒有談論到這個部份...-_-''' 補充一下資料如下, 在SL當中，TextBlock是透過XAML標記 ... 來區分不同的文字區塊, 也就是說, 如果您要針對TextBlock的內容設定不同的文字顏色, 可以透過對TextBlock的inlines集合增加一個Run物件即可...例如 ..... , 而透過程式碼設定的方式如下 ： Dim wordsWithFormat As New Documents.Run wordsWithFormat.Text = Words wordsWithFormat.Foreground = New SolidColorBrush(color) textblock.Inlines.Add(wordsWithFormat) 如此即可設定特定區域文字的顏色，範例程式請參考底下, 按 這邊 下載。 至於RichTextBox，在SL 2.0沒有直接提供，但在codeplex上有一個project, 包含 source code, 您可以參考底下這個URL : http://www.codeplex.com/richtextedit (不過有一些小遺憾是, 這個project停留在beta2)
Read more »