使用ZedGraph制作联动图表

本文介绍了一个图表演示案例,展示了如何使多个图表面板同步滚动及缩放。通过设置图表属性实现同步效果,适用于需要对比不同图表数据的应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先上图

代码中都是通过设置图标属性来完成图标的创建的,思路很清晰,进而也说明图标内部功能很强大。

public class SynchronizedPanes : DemoBase
 {

  public SynchronizedPanes()
   : base( "A demo that shows how multiple GraphPanes can be synchronized to scroll together." +
      "  Test it by zooming in on one pane (all panes will zoom together).  Then, scroll to" +
      " see all panes move together.",
      "Synchronized Panes Demo", DemoType.Line )
  {

   //MasterPane包括了一系列GraphPane,以一种形式组织它们
   MasterPane master = base.MasterPane;

   master.Fill = new Fill( Color.White, Color.FromArgb( 220, 220, 255 ), 45.0f );
   master.PaneList.Clear();

   master.Title.IsVisible = true;
   master.Title.Text = "Synchronized Graph Demo";

   master.Margin.All = 10;
   master.InnerPaneGap = 0;

   ColorSymbolRotator rotator = new ColorSymbolRotator();

   for ( int j = 0; j < 3; j++ )
   {
    // Create a new graph with topLeft at (40,40) and size 600x400
    GraphPane myPaneT = new GraphPane( new Rectangle( 40, 40, 600, 400 ),
     "Case #" + ( j + 1 ).ToString(),
     "Time, Days",
     "Rate, m/s" );

    myPaneT.Fill.IsVisible = false;

    myPaneT.Chart.Fill = new Fill( Color.White, Color.LightYellow, 45.0F );
    myPaneT.BaseDimension = 3.0F;
    myPaneT.XAxis.Title.IsVisible = false;
    myPaneT.XAxis.Scale.IsVisible = false;
    myPaneT.Legend.IsVisible = false;
    myPaneT.Border.IsVisible = false;
    myPaneT.Title.IsVisible = false;
    myPaneT.XAxis.MajorTic.IsOutside = false;
    myPaneT.XAxis.MinorTic.IsOutside = false;
    myPaneT.XAxis.MajorGrid.IsVisible = true;
    myPaneT.XAxis.MinorGrid.IsVisible = true;
    myPaneT.Margin.All = 0;
    if ( j == 0 )
     myPaneT.Margin.Top = 20;
    if ( j == 2 )
    {
     myPaneT.XAxis.Title.IsVisible = true;
     myPaneT.XAxis.Scale.IsVisible = true;
     myPaneT.Margin.Bottom = 10;
    }

    if ( j > 0 )
     myPaneT.YAxis.Scale.IsSkipLastLabel = true;

    // This sets the minimum amount of space for the left and right side, respectively
    // The reason for this is so that the ChartRect's all end up being the same size.
    myPaneT.YAxis.MinSpace = 60;
    myPaneT.Y2Axis.MinSpace = 20;

    // Make up some data arrays based on the Sine function
    double x, y;
    PointPairList list = new PointPairList();
    for ( int i = 0; i < 36; i++ )
    {
     x = (double)i + 5 + j * 3;
     y = 3.0 * ( 1.5 + Math.Sin( (double)i * 0.2 + (double)j ) );
     list.Add( x, y );
    }

    LineItem myCurve = myPaneT.AddCurve( "Type " + j.ToString(),
     list, rotator.NextColor, rotator.NextSymbol );
    myCurve.Symbol.Fill = new Fill( Color.White );

    master.Add( myPaneT );
   }

   using ( Graphics g = base.ZedGraphControl.CreateGraphics() )
   {
    ZedGraphControl z1 = base.ZedGraphControl;

    master.SetLayout( g, PaneLayout.SingleColumn );
    z1.AxisChange();

    z1.IsAutoScrollRange = true;
    z1.IsShowHScrollBar = true;
    z1.IsShowVScrollBar = true;
    z1.IsSynchronizeXAxes = true;

   }

   base.ZedGraphControl.AxisChange();
  }
 }



软件介绍ZedGraphV515是C#编写的.NET类库,提供了用户控件和web控件。它可以创建2D的线性、条形和饼。 它功能完整且有详细的功能自定义。 基于LGPL协议开源,.NET 2.0 C#源代码)它的思路清淅,所以非常容易就上手.几个注意点: 片的保存路径设置:RenderedImagePath属性中设置,程序对该文件夹应该是有写和修改权限的 片的输出格式:OutputFormat属性中设置,Png的推荐,比较清晰。 Chart ChartBorder 图表区域的边框设置 ChartFill 图表区域的背景填充 Legend 图表的注释标签显示设置项目,一组数据对应一种颜色的注释 IsHStack 当有个显示项的时候设置Y轴数据是叠加的还是分开的 Xaxis 图表区域的X轴相关信息设置 AxisColor 坐标轴颜色 Cross 坐标的原点,可以设置坐标的偏移程度 CrossAuto 原点自动设置:True的话Cross的设置就无效了。 FontSpec X轴标题字体相关信息 Angle X轴标题字体显示时候的角度,0为水平 90为垂直 Fill X轴标题字体填充信息 ColorOpacity 透明度 IsScaled 设置X轴标题字体显示大小是否根据的比例放大缩小 RangeMax 填充时候的最大倾斜度(有过渡色,没试过) RangeMin 填充时候的最小倾斜度(有过渡色,没试过) StringAlignment X轴标题字体排列(不清楚,没试过) IsOmitMag 是否显示指数幂(10次方,没试过,似乎与IsUseTenPower有关系) IsPreventLabelOverlap 坐标值显示是否允许重叠,如果False的话,控件会根据坐标值长度自动消除部分坐标值的显示状态 IsShowTitle X轴标题是否显示 IsTicsBetweenLabels 两个坐标值之间是否自动显示分隔标志 IsUseTenPower 是否使用10次幂指数 IsVisible 是否显示X轴source下为ZedGraphV515控件的源码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值