ASP.NET多系列折线图

我有以下数据&需要知道这是否可以用折线图显示。ASP.NET多系列折线图

数据：

VerNo | Start Date | End Date 
1.1 | 01-Jan-2013 | 31-Jan-2013 
1.2 | 01-Feb-2013 | 31-Dec-2099 
2.1 | 10-Jan-2013 | 25-Jan-2013 
2.2 | 26-Jan-2013 | 16-Feb-2013 
3.1 | 16-Mar-2013 | 30-Apr-2013

我需要与X轴& VerNo在Y轴日期的线图表&水平线应显示开始的每个版本&结束日期。

谢谢！

来源

2013-09-26 Nikhil Gupta

凭借我对Chart控件的一点了解，我尝试了一些东西。首先，我将数据与Y轴上的Id = 0绑定以获取日期（可能可以做得更好）然后，我绕过数据并每行创建一个serie。每一个系列我做了随机颜色，但有时颜色太白，所以它不显示。

public class VersionData 
    { 
     public int Id { get; set; } 
     public double VersionNo { get; set; } 
     public DateTime StartDate { get; set; } 
     public DateTime EndDate { get; set; } 
    } 

    protected void Page_Load(object sender, EventArgs e) 
    { 
     string dateFormat = "yyyy MMM dd"; 
     List<VersionData> version = new List<VersionData>(); 
     version.Add(new VersionData() { Id=0, VersionNo = 1.1, StartDate = new DateTime(2013, 1, 1), EndDate = new DateTime(2013, 1, 31) }); 
     version.Add(new VersionData() { Id=0, VersionNo = 1.2, StartDate = new DateTime(2013, 2, 1), EndDate = new DateTime(2013, 12, 31) }); 
     version.Add(new VersionData() {Id=0, VersionNo = 2.1, StartDate = new DateTime(2013, 1, 10), EndDate = new DateTime(2013, 1, 25) }); 
     version.Add(new VersionData() {Id=0, VersionNo = 2.2, StartDate = new DateTime(2013, 1, 26), EndDate = new DateTime(2013, 2, 16) }); 
     version.Add(new VersionData() { Id=0, VersionNo = 3.1, StartDate = new DateTime(2013, 3, 16), EndDate = new DateTime(2013, 4, 30) }); 

     Chart1.Series[0].YValueMembers = "Id"; 
     Chart1.DataSource = version; 

     Random randomGen = new Random(); 
     KnownColor[] names = (KnownColor[])Enum.GetValues(typeof(KnownColor)); 

     for (int i = 0; i < version.Count; i++) 
     { 
      Series s = new Series("s" + i.ToString()); 
      s.ChartType = SeriesChartType.Line; 
      s.Color = Color.FromKnownColor(names[randomGen.Next(names.Length)]); 
      s.BorderWidth = 4; 
      Chart1.Series.Add(s); 
      DataPoint p = new DataPoint(); 

      p.SetValueXY(version[i].StartDate, version[i].VersionNo); 
      s.Points.Add(p); 
      DataPoint p2 = new DataPoint(); 
      p2.SetValueXY(version[i].EndDate, version[i].VersionNo); 
      s.Points.Add(p2); 
     } 

     Chart1.Series[0].XValueMember = "StartDate"; 
     Chart1.ChartAreas[0].AxisX.Interval = 1; 
     Chart1.ChartAreas[0].AxisX.IntervalType = DateTimeIntervalType.Months; 
     Chart1.ChartAreas[0].AxisX.LabelStyle.Format = dateFormat; 
     Chart1.ChartAreas[0].AxisX.LabelStyle.Angle = -90; 
     Chart1.ChartAreas[0].AxisY.Interval = 0.5; 
     Chart1.ChartAreas[0].AxisY.LabelStyle.Format = "0.0"; 
    }

来源

2013-10-03 06:52:44

ASP.NET多系列折线图

回答

相关问题