`
wfdoublext
  • 浏览: 131492 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

webchart作图

阅读更多
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Data" %>
<%@ Register TagPrefix="web" Namespace="WebChart" Assembly="WebChart" %>
<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="vml_example.WebForm2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<title>WebForm2</title>
		<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
		<meta name="CODE_LANGUAGE" Content="C#">
		<meta name="vs_defaultClientScript" content="JavaScript">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
		<script>
	 //<!--Type="LinearGradient"-->
		</script>
	</HEAD>
	<body MS_POSITIONING="GridLayout">
		<form id="Form1" method="post" runat="server">
			<web:ChartControl Runat="server" ID="chartControl1" ChartPadding="20" BottomChartPadding="10" TopPadding="20"
				Padding="20" Width="460" Height="320" BorderStyle="outset" GridLines="Both" Legend-Position="bottom"
				Legend-BackColor="5, 12, 18" Legend-Width="30" XValuesInterval="1" EnableTheming="True">
				<XTitle ForeColor="Black" StringFormat="Far,Near,Character,LineLimit" Text="週" Font="Tahoma, 8pt, style=Bold"></XTitle>
				<YAxisFont StringFormat="Far,Near,Character,LineLimit"></YAxisFont>
				<ChartTitle ForeColor="#767698" StringFormat="Center,Near,Character,LineLimit" Text="欠品アイテム数推移"
					Font="Tahoma, 10pt, style=Bold"></ChartTitle>
				<XAxisFont StringFormat="Far,Near,EllipsisWord,LineLimit"></XAxisFont>
				<Legend Width="30">
				</Legend>
				<Background  EndPoint="900, 900" Color="#FFFF99"></Background> 
				<YTitle StringFormat="Near,Near,Character,DirectionVertical" Text="#Data" Font="Tahoma, 8pt, style=Bold"></YTitle>
				<Border Color="102, 153, 255"></Border>
			</web:ChartControl>
		</form>
	</body>
</HTML>

 

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using WebChart;

namespace vml_example
{
	/// <summary>
	/// WebForm2 の概要の説明です。
	/// </summary>
	public class WebForm2 : System.Web.UI.Page
	{
		
		protected WebChart.ChartControl chartControl1;
	
		void Page_Load(object o, EventArgs e) 
		{
			CreateChart();

//			Chart c = new AreaChart();
//			c.Data.Add(new ChartPoint ("f", 1));
//			c.Data.Add(new ChartPoint("f", 33));
//			c.Data.Add(new ChartPoint("f", 23));
//			c.Line.Color = Color.Blue;
//			c.Legend = "画?";
//			ChartControl2.Charts.Add(c);
//			ChartControl2.RedrawChart();
	

		}


		void CreateChart() 
		{
			DataSet ds = CreateDataSet();
			
			LineChart chart = new LineChart();
			//chart.MaxColumnWidth = 10;
			chart.Fill.Color = Color.FromArgb(50, Color.Red);
			chart.Shadow.Visible = true;
			chart.Legend = "Pri 0";
 
			LineChart chart1 = new LineChart();
			//chart1.MaxColumnWidth = 10;
			chart1.Fill.Color = Color.FromArgb(50, Color.Yellow);
			chart1.Shadow.Visible = true;
			chart1.Legend = "Pri 1";
  
			LineChart chart5 = new LineChart();
			chart5.Line.Color = Color.Green; 
			chart5.Fill.Color = Color.Green;
			chart5.LineMarker = new DiamondLineMarker(8, Color.Green, Color.Yellow); 
			chart5.DataXValueField="21";
			chart5.Legend = "Goal";
			chart5.Legend.GetType();
			chart5.DataLabels.ShowValue=true;
			ChartPoint aa=new ChartPoint();
			chart5.DataLabels.ShowZeroValues=true;
			
 
			foreach(DataRow row in ds.Tables[0].Rows) 
			{
				//chart.Data.Add(new ChartPoint(row["date"].ToString()+"週", (int)row["pri0"])); 
				//chart1.Data.Add(new ChartPoint(row["date"].ToString()+"週", (int)row["pri1"]));
				chart5.Data.Add(new ChartPoint(row["date"].ToString()+"週", (int)row["goal"]));
				
			}
			//chartControl1.Legend.Background.Color=System.Drawing.Color.Red;
			chartControl1.Charts.Add(chart);
			chartControl1.Charts.Add(chart1);
			
			chartControl1.Charts.Add(chart5);
			chartControl1.RedrawChart();
		}
		/// <summary>
		/// Just generate some random data
		/// </summary>
		DataSet CreateDataSet() 
		{ 
			DataSet ds = new DataSet(); 
			DataTable table = ds.Tables.Add("Table");
			table.Columns.Add("date",typeof(int)); 
			table.Columns.Add("pri0", typeof(int));
			table.Columns.Add("pri1", typeof(int));
			table.Columns.Add("pri2", typeof(int)); 
			table.Columns.Add("pri3", typeof(int));
			table.Columns.Add("total", typeof(int));/**/
			table.Columns.Add("goal", typeof(int));
			Random rnd = new Random();
			for (int i = 0; i < 13; i++) 
			{
				DataRow row = table.NewRow();
				row["date"] =i+1;
				int pri0 = rnd.Next(100);
				int pri1 = rnd.Next(100);
				int pri2 = rnd.Next(100);
				int pri3 = rnd.Next(100);
				int sum = pri0 + pri1 + pri2 + pri3;/**/
				int goal = rnd.Next(100);
				//int goal = i+2;
 
				row["pri0"] = pri0;
				row["pri1"] = pri1;
				row["pri2"] = pri2;
				row["pri3"] = pri3;
				row["total"] = sum;/**/
				row["goal"] = goal;
				table.Rows.Add(row);
			}
			return ds;
		}


		#region Web フォーム デザイナで生成されたコード 
		override protected void OnInit(EventArgs e)
		{
			//
			// CODEGEN: この呼び出しは、ASP.NET Web フォーム デザイナで必要です。
			//
			InitializeComponent();
			base.OnInit(e);
		}
		
		/// <summary>
		/// デザイナ サポートに必要なメソッドです。このメソッドの内容を
		/// コード エディタで変更しないでください。
		/// </summary>
		private void InitializeComponent()
		{    
			this.Load += new System.EventHandler(this.Page_Load);

		}
		#endregion
	}
}

 

///=====前台作图
//====

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using WebChart;

namespace vml_example
{
	/// <summary>
	/// WebForm3 の概要の説明です。
	/// </summary>
	public class WebForm3 : System.Web.UI.Page
	{
		protected WebChart.ChartControl ChartControl1;
			protected WebChart.ChartControl ChartControl2;
		private void Page_Load(object sender, System.EventArgs e)
		{
			// ページを初期化するユーザー コードをここに挿入します。
			ChartControl1.RedrawChart();
		}

		#region Web フォーム デザイナで生成されたコード 
		override protected void OnInit(EventArgs e)
		{
			//
			// CODEGEN: この呼び出しは、ASP.NET Web フォーム デザイナで必要です。
			//
			InitializeComponent();
			base.OnInit(e);
		}
		
		/// <summary>
		/// デザイナ サポートに必要なメソッドです。このメソッドの内容を
		/// コード エディタで変更しないでください。
		/// </summary>
		private void InitializeComponent()
		{    
			this.Load += new System.EventHandler(this.Page_Load);

		}
		#endregion
	}
}
//=============================






<%@ Page language="c#" Codebehind="WebForm3.aspx.cs" AutoEventWireup="false" Inherits="vml_example.WebForm3" %>
<%@ Register TagPrefix="web" Namespace="WebChart" Assembly="WebChart" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Drawing" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<title>WebForm3</title>
		<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
		<meta name="CODE_LANGUAGE" Content="C#">
		<meta name="vs_defaultClientScript" content="JavaScript">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
	</HEAD>
	<body MS_POSITIONING="GridLayout">
		<form id="Form1" method="post" runat="server">
			
			<WEB:ChartControl ID="ChartControl1" runat="server" BorderStyle="Outset" BorderWidth="0px"
            EnableTheming="True" TopPadding="30" XTicksInterval="10" XValuesInterval="1" ChartPadding="40" Height="459px" Padding="20" Width="678px" >
            <YAxisFont StringFormat="Far,Near,Character,LineLimit" />
            <XTitle StringFormat="Center,Near,Character,LineLimit" Text="x234234" />
            <ChartTitle StringFormat="Center,Near,Character,LineLimit" />
            <XAxisFont StringFormat="Center,Near,Character,LineLimit" />
            <Background Color="LightSteelBlue" />
            <Charts>
                <WEB:LineChart DataXValueField="21" DataYValueField="23" Legend="123" Name="123">
                    <Data>
                        <WEB:ChartPoint XValue="10" YValue="10" />
                        <WEB:ChartPoint XValue="20" YValue="30" />
                        <WEB:ChartPoint XValue="30" YValue="40" />
                    </Data>
                    <DataLabels>
                        <Border Color="Transparent" />
                        <Background Color="Transparent" />
                    </DataLabels>
                </WEB:LineChart>
            </Charts>
            <YTitle StringFormat="Center,Near,Character,LineLimit" />
        </WEB:ChartControl>
		</form>
	</body>
</HTML>

 

  • 大小: 39.4 KB
分享到:
评论

相关推荐

    webchart作图控件实例代码

    WebChart作图控件是一种用于在Web应用中创建图表的工具,它可以帮助开发者轻松地生成各种数据可视化图形,如柱状图、折线图、饼图等。在本实例代码中,我们将深入探讨如何利用WebChart控件进行图表的创建、配置以及...

    .net作图控件webchart+帮助文件

    《.NET作图控件WebChart深度解析及应用》 在.NET框架中,WebChart控件是一种强大的图形绘制工具,特别适用于Web应用程序中数据可视化的需求。它提供了丰富的图表类型,如折线图、柱状图、饼图等,能够帮助开发者以...

    HTML5+Canvas+作图函数库

    HTML5是现代网页开发的重要标准,它引入了许多新特性,其中Canvas元素是用于在网页上进行动态图形绘制的关键部分。...通过深入学习和实践,开发者可以掌握这一技术,创造出令人惊叹的Web应用程序。

    C#统计作图源代码(饼形 折线 柱状)

    这个资源提供了一些C#实现的统计作图源代码,包括饼形图、折线图和柱状图,这些都是数据可视化中常见的图表类型。下面我们将深入探讨这些知识点。 首先,饼形图是一种用于展示各部分占整体比例的数据表示方式。在C#...

    Django+Echarts画图实例详解

    在Django框架中,Echarts是一个常用的前端图表库,它能够与Django后端结合,为Web应用提供数据可视化的能力。本实例将详细介绍如何利用Django的聚合函数`aggregate`和`annotate`来处理数据,并结合Echarts绘制柱状图...

    图表控件MsChart教程

    安装完后,打开VS2008,在建立项目的时候,你就能在工具栏中看到有一个Chart的控件了。 二、使用 安装好后,建立一个.NET 3.5的Web项目,像使用普通控件一样拖放到要使用的Web界面即可。初步研究了一下,整个图形...

    抽签程序,vb。net

    VB.NET是.NET Framework的一部分,用于构建Windows桌面应用程序、Web应用程序和服务。这个抽签程序可能是一个GUI(图形用户界面)应用程序,用户可以通过点击按钮或交互界面进行操作。 描述中提到的“.net 抽签程序...

    Cim_培训资料.ppt

    12. **WebView及远程访问技术**:WebView功能允许通过Web浏览器远程访问和监控CIMPLICITY系统,提高了远程管理和监控的灵活性。 13. **CIMPLICITY的开机启动设置**:可以配置CIMPLICITY在系统启动时自动运行,方便...

    JFreeChart做折线图.zip

    例如,使用`ChartTheme`可以改变整个图表的外观,使用`Plot`对象可以调整轴的范围和刻度,使用`LegendItem`可以自定义图例内容。 总的来说,JFreeChart是一个功能强大且灵活的Java图表库,能够帮助开发者轻松地在...

Global site tag (gtag.js) - Google Analytics