簡體   English   中英

如何將ColumnBar系列設置為圖表

[英]How to set ColumnBar series to a chart

我想投影具有給定寬度的列(ei從16-05-03 12:00:00到16-07-26 12:00:00)並且它沿x軸投影(ei標簽bool,int, long,bool,int long)(見下圖)。

在此輸入圖像描述

為此,我有2個圖表區域都具有相同的參數。

private void AddChartAreas(string name)
{
        // AxisX
        chart1.ChartAreas.Add(name);
        chart1.ChartAreas[name].AxisX.MajorGrid.Enabled = false;
        chart1.ChartAreas[name].AxisX.Interval = 1;

        // AxisY
        chart1.ChartAreas[name].AxisY.ScrollBar.Enabled = true;
        chart1.ChartAreas[name].AxisY.ScaleView.Zoomable = true;
        chart1.ChartAreas[name].AxisY.MajorGrid.Enabled = false;
        chart1.ChartAreas[name].AxisY.LabelStyle.Format = "yyyy-MM-dd hh:mm:ss";

        chart1.ChartAreas[name].AxisY.Interval = 0;
        chart1.ChartAreas[name].AxisY.IntervalType = DateTimeIntervalType.Years;
        minDate = new DateTime(2016, 01, 01, 00, 00, 00, 000);
        maxDate = new DateTime(2016, 12, 01, 00, 00, 00, 000); // or DateTime.Now;
        chart1.ChartAreas[name].AxisY.Minimum = minDate.ToOADate();
        chart1.ChartAreas[name].AxisY.Maximum = maxDate.ToOADate();
        chart1.ChartAreas[name].AxisY.LabelStyle.IsEndLabelVisible = true;
        chart1.ChartAreas[name].AxisY.IsLabelAutoFit = true;
        chart1.ChartAreas[name].AxisY.LabelStyle.ForeColor = Color.Yellow;

        chart1.ChartAreas[name].Axes[0].Enabled = AxisEnabled.False;
        chart1.ChartAreas[name].Axes[1].Enabled = AxisEnabled.False;

        chart1.ChartAreas[name].BackColor = Color.Transparent;
        chart1.ChartAreas[name].Position.Height = 100;
        chart1.ChartAreas[name].Position.Width = 100;
        chart1.ChartAreas[name].InnerPlotPosition.Height = 90;
        chart1.ChartAreas[name].InnerPlotPosition.Width = 80;
        chart1.ChartAreas[name].InnerPlotPosition.X = 10;
}

第一個圖表區域( 條形系列 )創建如下:

var series = new Series { 
             Name = "S1", 
             Color = Color.LightSlateGray, 
             ChartType = SeriesChartType.Bar
};

chart1.Series.Add(series);

第二個圖表區域( 范圍列系列 ):

var series = new Series { 
                 Name = "S2", 
                 Color = Color.LightSlateGray, 
                 ChartType = SeriesChartType.RangeColumn
};

chart1.Series.Add(series);

要為條形圖系列添加點,只需為x,y綁定2個列表:

        var lables = new string[6];
        var values = new DateTime[6];

        minDate = new DateTime(2016, 01, 01, 00, 00, 00, 000); 

        // Dummy data
        lables[0] = "bool";
        lables[1] = "int";
        lables[2] = "long";
        lables[3] = "bool";
        lables[4] = "int";
        lables[5] = "long";

        // Dummy data
        values[0] = minDate.AddMonths(10);
        values[1] = minDate.AddMonths(10);
        values[2] = minDate.AddMonths(10);
        values[3] = minDate.AddMonths(10);
        values[4] = minDate.AddMonths(10);
        values[5] = minDate.AddMonths(10);

        // Simply bind 2 lists
        series[0].Points.DataBindXY(lables, values);

對於色譜柱系列

pointIndex = series[1].Points.AddXY(values2[1], values2[5]);

現在它看起來像這樣:

在此輸入圖像描述

如何讓它看起來像第一張照片。

我想出了一個解決方案。

我創建一個范圍欄系列並將PointWidth設置為5而不是范圍列

var series = new Series { 
                 Name = "S2", 
                 Color = Color.LightSlateGray, 
                 ChartType = SeriesChartType.Rangebar
};

series["PointWidth"] = "5";

chart1.Series.Add(series);

比繪圖時:

minDate = new DateTime(2016, 01, 01, 00, 00, 00, 000); 

values2[0] = minDate.AddMonths(1);    
values2[1] = minDate.AddMonths(2);

pointIndex = series2.Points.AddXY(values2[1], values2[1]);

這將給我我想要的結果。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM