By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,426 Members | 3,338 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,426 IT Pros & Developers. It's quick & easy.

problem to create web control using graphics

P: n/a
Hi All,

I want some charting functionality in my ASP.NET application.

I want to show a multiple bar on my web page. It's based on down time
of different servers.
server1: down betn 4 AM to 5 AM and 6 PM to 7 PM
server2: down betn 7 AM to 7:30 AM
server3: down betn 3 AM to 5 AM and 2 Pm to 3 PM
and so on....

Now, all total number of server is in database and i want to display
server down chart in just besides of this server on my summary page.

Now problem is, this page is dynamic and my chart for server may
contain differnt color and different segments.

So for that, I want to create a custom control/User control so i can
avoid the repeatative programing.

Now i want to use graphics for this in my control. and it's working
fine for asigning that aspx page from my image src="" attribute.

but this is stateless, and i can only pass different parameter in
querysting like...
img1.ImageUrl = "BarChart.aspx?startTime=" + t1 + "&endTime=" + t2;

but instead of query string i want to store it in either session or
viewState to use it in my BarChart.aspx page. But it's not working. any
idea what would be the problem.

Below is my code, i have two file one is BarChart.aspx and
I m only uploading the codebehind.

See the below code is working fine, but this is not robust and every
time i have to pass starttime and endtime in query string, instead of
that i want to pass this as array in the session or viewstate.

i tried it by simply session/viewstate but every time it's not
generating the new image, it's taking the first one...

also if we can create user control/custom control then it's good for

Thanks & Regards

///////////////***** BarChart.aspx *******************//////////////

<%@ Page Language="C#" debug="true"%>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Drawing.Imaging" %>

<script language="C#" runat="server">

void Page_Load(Object sender, EventArgs e)
Single width, height;
width = 800;
height = 30;
int maxSegment = 24;

string color;
int start, end;

Bitmap objBitmap = new Bitmap(width, height);

Graphics objGraphic = Graphics.FromImage(objBitmap);

start = Convert.ToSingle(Request["startTime"]);
end = Convert.ToSingle(Request["endTime"]);
SolidBrush colorBrush = new SolidBrush(Color.Red);

Pen blackPen = new Pen(Color.Black, 2);

objGraphic.FillRectangle(whiteBrush, 0, 0, width, height);

Single newPos, newWidth;
newPos = (width / maxSegment) * start;
newWidth = (width / maxSegment) * (start - end);

objGraphic.FillRectangle(colorBrush, newPos, 0, newWidth,
Response.Write(newPos.ToString() + " : " +
Response.ContentType = "image/gif";

objBitmap.Save(Response.OutputStream, ImageFormat.Gif);



///**************** Server_down_testing.aspx

<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="calendarTest.aspx.cs" Inherits="calendarTest" %>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Drawing.Imaging" %>
<script language="C#" runat="server">

void Page_Load(Object sender, EventArgs e)
for (int i = 1; i <= 10; )
System.Web.UI.WebControls.Image img1 = new
img1.ID = "img-" + i;

v1= 2 * i;
v2= 4 * i;
v3= 5 * i;
// Session["v1"] = v1;
// Session["v2"] = v2;
// Session["v3"] = v3;

//img1.ImageUrl = "BarChart_CSharp1.aspx";
img1.ImageUrl = "BarChart.aspx?startTime=" + v1 + "&endTime=" +
i += 1;



<html xmlns="" >
<head runat="server">
<title>Untitled Page</title>
<form id="form1" runat="server">
<asp:Panel ID="Panel1" runat="server" Height="50px"

Thanks & Regards,

Mar 29 '06 #1
Share this Question
Share on Google+
1 Reply

This discussion thread is closed

Replies have been disabled for this discussion.