利用HTML实现简单的统计图

RedYell_Bar.cs 控件一,显示两个Bar

RedYell_Bar.cs

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.ComponentModel;

using System.Drawing;

namespace RedYellBar

{

/// <summary>

/// RedYell_Bar の概要の説明です。

/// </summary>

[ToolboxData("<{0}:RedYell_Bar runat=server Width=200 Height=55></{0}:RedYell_Bar>")]

public class RedYell_Bar : WebControl,System.Web.UI.INamingContainer

{

//公共属性

private int redValue=-1;

private decimal yellValue=-1;

//広域変数

public static Unit GlobalWidth=200;

public static Unit GlobalHeight=55;

public static int RedMax=999;

public static decimal YellMax=9999999;

public static int BarSize=9;

public static string RedBarColor="#FF0000";

public static string YellBarColor="#FFFF00";

//私有変数

private string redText;

private string yellText;

private string yellMaxText;

private double redBarMaxWidth;

private double yellBarMaxWidth;

private double redBarWidth;

private double yellBarWidth;

private int commaCount;

//私有定数

private const double SingleWidthRed=10.5;

private const double SingleWidthYell=9.0;

private const double SingleWidthComma=5.0;

公共属性

protected override void CreateChildControls()

{

this.Controls.Clear();

if(redValue!=-1&&yellValue!=-1)

{

BuildControlHierarchy();

}

private void BuildControlHierarchy()

{

TextBox TextBox_Red=new TextBox();

TextBox TextBox_Yell=new TextBox();

Label Label_Red=new Label();

Label Label_Yell=new Label();

TextBox_Red.ReadOnly=true;

TextBox_Red.BackColor=ColorTranslator.FromHtml(RedBarColor);

TextBox_Red.BorderStyle=BorderStyle.None;

TextBox_Yell.ReadOnly=true;

TextBox_Yell.BackColor=ColorTranslator.FromHtml(YellBarColor);

TextBox_Yell.BorderStyle=BorderStyle.None;

//故障許容

if(redValue>RedMax)

{

redValue=RedMax;

}

else if(redValue<0)

{

redValue=0;

}

if(yellValue>YellMax)

{

yellValue=YellMax;

}

else if(yellValue<0)

{

yellValue=0;

}

if(GlobalWidth.Value<100)

{

GlobalWidth=100;

}

redText=redValue.ToString();

yellText=yellValue.ToString("C");

yellMaxText=YellMax.ToString("C");

commaCount=0;

for(int i=0;i<yellMaxText.Length;i++)

{

if(yellMaxText[i]==',')

{

commaCount++;

}

//Barの最大の幅を計算します

redBarMaxWidth=GlobalWidth.Value-RedMax.ToString().Length*SingleWidthRed;

yellBarMaxWidth=GlobalWidth.Value-(yellMaxText.Length-commaCount)*SingleWidthYell-commaCount*SingleWidthComma;

if(yellBarMaxWidth<0)

{

yellBarMaxWidth=(yellMaxText.Length-commaCount)*SingleWidthYell+commaCount*SingleWidthComma;

}

//Barの幅を計算します

redBarWidth=(redBarMaxWidth/RedMax)*redValue;

yellBarWidth=(yellBarMaxWidth/(double)YellMax)*(double)yellValue;

//内部のコンポーネントの属性を設けます

Label_Red.Text=redText;

Label_Yell.Text=yellText;

TextBox_Red.Width=(Unit)redBarWidth;

TextBox_Yell.Width=(Unit)yellBarWidth;

TextBox_Red.Height=BarSize;

TextBox_Yell.Height=BarSize;

//UIを表示すります

this.Controls.Add(new LiteralControl("<table align=\"right\"><tr><td align=\"right\">"));

this.Controls.Add(Label_Red);

this.Controls.Add(TextBox_Red);

this.Controls.Add(new LiteralControl("</td></tr><tr><td align=\"right\">"));

this.Controls.Add(Label_Yell);

this.Controls.Add(TextBox_Yell);

this.Controls.Add(new LiteralControl("</td></tr></table>"));

this.Width=GlobalWidth;

this.Height=GlobalHeight;

}

Red_Bar.cs 控件二,显示多个Bar

Red_Bar.cs

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.ComponentModel;

using System.Collections;

using System.Drawing;

namespace RedYellBar

{

/// <summary>

/// Red_Bar の概要の説明です。

/// </summary>

[ToolboxData("<{0}:Red_Bar runat=server Width=200 Height=20></{0}:Red_Bar>")]

public class Red_Bar : WebControl,System.Web.UI.INamingContainer

{

//公共属性

private ArrayList redValues=new ArrayList();

//広域変数

public static int MaxValue=999;

public static int BarSize=9;

public static Unit GlobalWidth=200;

public static string BarColor="#FF0000";

//私有変数

private string maxValueText;

private int red_value;

private string lableText;

private double barMaxWidth;

private double barWidth;

//私有定数

private const double SingleWidth=10;

公共属性

protected override void CreateChildControls()

{

this.Controls.Clear();

if(GlobalWidth.Value <100)

{

GlobalWidth=100;

}

//Barの最大の幅を計算します

maxValueText=MaxValue.ToString();

barMaxWidth=GlobalWidth.Value-maxValueText.ToString().Length*SingleWidth;

if(barMaxWidth<0)

{

barMaxWidth=maxValueText.ToString().Length*SingleWidth;

}

for(int i=0;i<redValues.Count;i++)

{

red_value=Int32.Parse(redValues[i].ToString());

//故障許容

if(red_value>MaxValue)

{

red_value=MaxValue;

}

else if(red_value<0)

{

red_value=0;

}

lableText=red_value.ToString();

//Barの幅を計算します

barWidth=(barMaxWidth/MaxValue)*red_value;

TextBox textbox=new TextBox();

textbox.ReadOnly=true;

textbox.BackColor=ColorTranslator.FromHtml(BarColor);

textbox.BorderStyle=BorderStyle.None;

textbox.Width=(Unit)barWidth;

textbox.Height=BarSize;

Label lable=new Label();

lable.Text=lableText;

//UIを表示すります

this.Controls.Add(textbox);

this.Controls.Add(lable);

this.Controls.Add(new LiteralControl("<br>"));

this.Width=GlobalWidth;

}

WebForm1.aspx 测试页面

WebForm1.aspx

WebForm1.aspx.cs 测试页面后台

WebForm1.aspx.cs

RedYellBar.xls 控件说明文档

RedYellBar.xls

posted on 2007-08-20 16:22 目标RE 阅读(2803) 评论(0) 收藏举报

刷新页面返回顶部

利用HTML实现简单的统计图

公告