2011-09-23 41 views
1

我正在尋找一個圖表控件,它能夠像這樣顯示的數據:管道圖表控件

enter image description here

但它不能是的Silverlight,Flash或其他技術迫使用戶安裝插件。

這將是它的控制可以使用HTML5,JavaScript的,C#

回答

0

對於我來說,它看起來像數據的簡單表最好的。您隨後可以隨後使用System.Drawing通過C#動態呈現第1列和第2列上的圖像。使用圖表控件繪製2個簡單圖像聽起來像是一個矯枉過正的事情,而使用C#時,您可以輕鬆地按照需要使用不帶插件的Web標準將其呈現給客戶端。

要覆蓋2個圖像,並寫上一些文字:

string graphPath = Server.MapPath("graph.png"); 
string iconPath = Server.MapPath("icon.png"); 

// Prepare the template image 
System.Drawing.Image template = Bitmap.FromFile(graphPath); 
Graphics gfx = Graphics.FromImage(template); 

// Draw an icon on it on x=70, y=70 
Bitmap icon = new Bitmap(iconPath); 
gfx.DrawImage(icon, new Point(70, 70)); 

// Draw a string on it on x=150, y=150 
Font font = new Font("Arial", 12.0f); 
gfx.DrawString("11/14/2009", font, Brushes.Black, new Point(150, 150)); 

// Output the resulting image 
Response.ContentType = "image/png"; 
template.Save(Response.OutputStream, ImageFormat.Png); 

見,你最終的編碼很少,你不放棄自己通過由圖表控制規定的規則玩。