BarChart与PointChart组合实现需求及技术难题求助

嘿，我来帮你搞定这个带条件颜色的柱状图+顶部标记点的效果！咱们一步步来实现：

1. 基础系列配置 #

先把你现有代码补全，给两个系列设置好类型和基础属性：

chart_TimeChart.Series.Clear();

// 配置Series 1：常规柱状图
string series_timeneeded = "Time Needed";
var series1 = chart_TimeChart.Series.Add(series_timeneeded);
series1.ChartType = SeriesChartType.Bar; // 要是想要纵向柱子就换成SeriesChartType.Column
series1["PixelPointWidth"] = "5";
series1.Color = Color.Gray; // 设置不满足条件时的默认柱子颜色

// 配置Series 2：柱子顶部的标记点
string series_timemax = "Time Max";
var series2 = chart_TimeChart.Series.Add(series_timemax);
series2.ChartType = SeriesChartType.Point;
series2.MarkerStyle = MarkerStyle.Circle; // 标记点样式，可选Square、Diamond等
series2.MarkerSize = 8;
series2.MarkerColor = Color.DarkRed; // 标记点颜色可按需调整

2. 添加数据并设置条件颜色 #

假设你有一组关联数据（每个分类对应Series1的数值和Series2的time max），添加数据时直接判断并设置柱子颜色：

// 替换成你的实际数据源
var chartData = new List<(string Category, double TimeNeeded, double TimeMax)>
{
    ("任务A", 12, 15),
    ("任务B", 18, 16),
    ("任务C", 10, 12)
};

foreach (var item in chartData)
{
    // 给Series1添加数据点，同时判断颜色
    var barPoint = series1.Points.AddXY(item.Category, item.TimeNeeded);
    if (item.TimeNeeded < item.TimeMax)
    {
        barPoint.Color = Color.Green;
    }
    // 给Series2添加对应位置的标记点（和Series1同分类，Y值为time max）
    series2.Points.AddXY(item.Category, item.TimeMax);
}

3. 调整图表对齐与显示（关键步骤） #

为了让标记点精准落在柱子顶部，需要统一两个系列的坐标轴范围：

var chartArea = chart_TimeChart.ChartAreas[0];
// 手动设置Y轴范围，确保覆盖两个系列的最大值
double maxValue = chartData.Max(d => Math.Max(d.TimeNeeded, d.TimeMax));
chartArea.AxisY.Minimum = 0;
chartArea.AxisY.Maximum = maxValue + 2; // 留一点边距避免标记点贴顶

// 确保两个系列共用同一组坐标轴
series2.YAxisType = AxisType.Primary;
series2.XAxisType = AxisType.Primary;

// 如果是横向Bar图，调整X轴标签显示
if (series1.ChartType == SeriesChartType.Bar)
{
    chartArea.AxisX.Interval = 1;
    chartArea.AxisX.LabelStyle.Angle = 0;
}

4. 可选优化 #

• 给标记点显示数值：series2.IsValueShownAsLabel = true;
• 调整柱子间距：series1["BarGap"] = "0.2";（数值越小柱子越密）
• 给图表添加标题：chart_TimeChart.Titles.Add("时间对比图表");

这样就能实现你要的效果：Series1的柱子在数值小于对应Series2的time max时显示绿色，Series2的标记点精准落在每个柱子顶部啦！

内容的提问来源于stack exchange，提问作者christian890