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>

 

Web Chart Flot - Flot 为 jQuery 提供的javascript代码库. 容易使用,有特色的图表,提供交互功能(能够放大缩小数据区域等)。 Open Flash Chart - Open Flash Chart 是一个 Flash 图表组件,很容易安装,提供以下语言的API: PHP, Perl, Python, Java, Ruby on Rails, and .Net 来控制图表。 ? AmCharts - AmCharts 是一个动画交互Flash图表。支持: Pie Charts, Line Charts, Scatter/Bubble Charts, Bar/Column Charts, 甚至股票图表。 ? Emprise JavaScript Charts - Emprise 是一个100% 纯 JavaScript 图表解决方案,并不需要任何 JavaScript 框架. ? PlotKit - PlotKit 是一个 图表和图像的Javascript 库. PlotKit 和 MochiKit javascript 库一起工作,支持HTML Canvas 和 Adobe SVG 显示 以及本地浏览器支持。尤其文档非常全。 ? Flotr - Flotr 是Prototype 1.6.0.2框架的javascript插件库。 Flotr帮助你在浏览器中创建图表,支持鼠标事件响应,放大缩小,CSS类型支持等。 PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能使用 PHP 来收集数据,并发送给flash,支持很多图表类型: Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, Parallel 3D column, Pie, 3D Pie, Bar, Stacked bar, Floating bar, Area, Stacked area, Candlestick, Scatter, Polar, Mixed. ? Visifire - Visifire 是用 Silverlight 做的,是一个开源可视化数据组件,使用Visifire你能创建动画 Silverlight 图表,支持 ASP, ASP.Net, PHP, JSP, ColdFusion, Ruby on Rails 或者 简单 HTML调用. ? FusionCharts - FusionCharts 是一个跨浏览器和跨平台的flash图表组件,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面 甚至PPT调用. 几乎所有你知道的语言它都支持。 ? JFreeChart - JFreeChart 是一个开源java图表库,让开发者能够很容易在程序里面显示高质量的图表。 JFreeChart 项目从7年前便开始了,起始于 2000 年1月, 已经有四五万开发者已经使用了JFreeChart。JFreeChart 支持很多种图形文件格式: JPEG, GIF, PDF, EPS and SVG. 这对于java开发者是一个很好的资源。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值