顯示廣告
隱藏 ✕
看板 Farland
作者 Farland (法蘭多)
標題
 [程式] MVC3 MSChart 輸出含有 Tooltip/Url 的圖檔

時間 2013年05月06日 Mon. AM 11:38:59


卡關卡好久的東西終於完成這血尿功能了...
點擊圖表上的數值後, 自動將人名帶到Search Text中並查詢該人的資料
MSChart真的很強大, 可以讓圖片有Tooltip也可以在上面放Url之類的東西
原理很簡單, 就是在圖片上設定mapping

只是要達到這樣的效果真是他媽的難搞.....
最後是利用Controller return <img> tag 灌image binary + mapping html組合起來的html完成

Code snippet:
Public Function GetAnalysisChart() As ContentResult
	
Dim chart As Chart = GetChart() '取得Chart的Method
	
If chart Is Nothing Then
	
	
Return Content("<img src=""/Content/images/empty.gif"" />")
	
Else
	
	
Using ms As New MemoryStream
	
	
	
chart.GetHtmlImageMap("trendmap")
	
	
	
chart.SaveImage(ms, ChartImageFormat.Png)
	
	
	
ms.Seek(0, SeekOrigin.Begin)
	
	
	
Session("Chart") = ms.ToArray()
	
	
	
Return Content("<img src='" + Url.Action("Chart").ToString() + "' usemap='#ImageMap' />" + chart.GetHtmlImageMap("ImageMap"))
	
	
End Using
	
End If
End Function

''' <summary>
''' 取得圖片binary
''' </summary>
''' <returns></returns>
''' <remarks></remarks>
Public Function Chart() As ActionResult
	
Dim data As Byte() = CType(Session("Chart"), Byte())
	
Session("Chart") = Nothing
	
Return File(data, "img/png")
End Function


--
※ 作者: Farland 時間: 2013-05-06 11:38:59
※ 編輯: Farland 時間: 2013-05-06 11:39:23
※ 看板: Farland 文章推薦值: 0 目前人氣: 0 累積人氣: 311 
r)回覆 e)編輯 d)刪除 M)不收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇