C#在每个堆积柱形图上画一条水平线

Question

目前我需要开发一个以图表为主要组件的工具。图表控件对我来说也是新的。我做了大量的阅读、研究来学习和理解图表控件的全貌。

毕竟，我一直在思考如何在堆积柱形图上绘制水平线（蓝色和红色水平线），如下图所示：

这是我到目前为止所做的：

这是我目前的代码：

            // X-Axis labels settings
        chart.ChartAreas[0].AxisX.LabelStyle.Angle = -45;
        chart.ChartAreas[0].AxisX.Interval = 1;

        // Y-Axis labels settings
        //chart.ChartAreas[0].AxisY.Minimum = 100;
        chart.ChartAreas[0].AxisY.Minimum = 95;

        // Plotting chart
        using (YieldEntities context = new YieldEntities())
        {

            // Extract yield loss list
            var yeilds = (
                from yeild in context.YeildDatas
                group yeild by new { yeild.Loss } into newyeild
                select new
                {
                    Loss = newyeild.Key.Loss,
                    Percentage = newyeild.Sum(p => p.Percentage)
                }).OrderByDescending(p => p.Percentage);

            //context.YeildDatas.Select(p => new { p.Loss, Percentage = p }).Distinct();

            // Create new series
            foreach (var yield in yeilds)
            {
                chart.Series.Add(yield.Loss);
                chart.Series[yield.Loss].ChartType = SeriesChartType.StackedColumn100;
            }

            // Label settings for first series
            chart.Series[0].SmartLabelStyle.Enabled = false;
            chart.Series[0].LabelAngle = -90;
            chart.Series[0].Font = new Font(Font.FontFamily, 15, FontStyle.Bold);
            chart.Series[0].IsValueShownAsLabel = true;

            var query = context.YeildDatas.ToList();
            foreach (var item in query)
            {
                DataPoint dp = new DataPoint();
                dp.SetValueXY(item.DateString, item.Percentage);
                chart.Series[item.Loss].Points.Add(dp);
            }

            // Set empty datapoint for each series
            foreach (var yield in yeilds)
            {
                DataPoint nulldp = new DataPoint();
                nulldp.SetValueXY("", 0);
                chart.Series[yield.Loss].Points.Insert(1, nulldp);
                chart.Series[yield.Loss].Points.Insert(6, nulldp);
                chart.Series[yield.Loss].Points.Insert(11, nulldp);
            }

            chart.Legends["Legend"].IsEquallySpacedItems = true;
            chart.Legends["Legend"].IsTextAutoFit = true;

        }

希望有高手指导我解决这个问题。

Answer 1

这只是示例，您可以从那里开始：

// Data point to pixel
var pixelX = this.chart1.ChartAreas[0].AxisX.ValueToPixelPosition(dataPointX);
var pixelY = this.chart1.ChartAreas[0].AxisY.ValueToPixelPosition(dataPointY);

// Pixel to data point
var dataPointX = this.chart1.ChartAreas[0].AxisX.PixelPositionToValue(pixelX);
var dataPointY = this.chart1.ChartAreas[0].AxisY.PixelPositionToValue(pixelY);

// Use event Paint to draw your line
private void chart1_Paint(object sender, PaintEventArgs e)
{
  // Convert dataPoint to pixel
  var dataPointX = this.chart1.Series[0].Points[0].XValue;
  var dataPointY = this.chart1.Series[0].Points[0].YValues[0];

  var pixelX = this.chart1.ChartAreas[0].AxisX.ValueToPixelPosition(dataPointX);
  var pixelY = this.chart1.ChartAreas[0].AxisY.ValueToPixelPosition(dataPointY);

  // Only sample, pen should be initialized outside Paint method
  Pen pen = new Pen(Brushes.Red);

  // Example of drawing line with width=100 pixel
  e.Graphics.DrawLine(pen, pixelX, pixelY, pixelX + 100, pixelY);  
}