Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Charts in webpages

What I'd like to accomplish is to present charts on webpages. For example aspx pages gridviews that present a two column table are able to be copied & placed into Excel then a chart created. The pages I currently use most are ASP.NET 3.0 or SharePoint team sites with stored procedures. People are very interested in how people perform chats in webpages.

Thanks in advance, Catto

like image 326
Catto Avatar asked Oct 19 '08 12:10

Catto


4 Answers

The Google Chart API makes it easy to embed charts into web pages. No server-side install needed, at all.

http://code.google.com/apis/chart/

like image 77
Joeri Sebrechts Avatar answered Nov 12 '22 04:11

Joeri Sebrechts


.NET have actually released their own charting controls, Scott announced it some time ago now.

http://weblogs.asp.net/scottgu/archive/2008/11/24/new-asp-net-charting-control-lt-asp-chart-runat-quot-server-quot-gt.aspx

They are very good and I believe purchased from Dundas, however I have no information on that and may be completely untrue.

like image 34
John_ Avatar answered Nov 12 '22 05:11

John_


For sharepoint, it is possible to use the dataview webpart and customised xslt to render a visifire (or other javascript based charting) to render charts based on sharepoint list data or database data

like image 2
Nat Avatar answered Nov 12 '22 05:11

Nat


If you want to display a chart directly in your web page, you could possibly use either VML (Vector Markup Language) or SVG (Scalable Vector Graphics). VML is supported by IE, whereas SVG is supported by many other browsers (although IE can display SVG by means of a plugin). Google Maps, for example, uses VML when running in IE, and SVG for other browsers.

Both VML and SVG use an XML format for defining the grahical charts you want to display. For example, this is a sample of VML

<v:shape
    fillcolor="green"
    style="position:relative;top:1;left:1;width:200;height:200"
    path = "m 1,1 l 1,200, 200,200, 200,1 x e">
</v:shape>

These links may explain in more detail:

VML

SVG

like image 1
Tim C Avatar answered Nov 12 '22 03:11

Tim C