求助：ASP.NET Chart控件多系列三值绑定及堆叠柱状图实现

嗨，我来帮你搞定这个ASP.NET Chart控件的多系列绑定和堆叠柱状图需求！咱们一步步来，先把你提到的第一个堆叠柱状图的实现细节理清楚，再给你补全代码逻辑。

核心需求梳理 #

你要的堆叠柱状图需要：

• X轴显示月份（从date字段提取）
• Y轴展示销售额/统计数量（你代码里写的是COUNT(weightedValue)，如果是销售额的话记得改成SUM(saleAmount)）
• 按**status（状态）**分组堆叠，每个数据点要显示对应状态和统计值

完整绑定代码实现 #

下面是补全后的bind10方法，包含数据库查询、数据处理和Chart控件绑定的完整逻辑：

private void bind10() 
{
    // 替换成你的数据库表名和连接字符串
    string tableName = "YourSalesTable";
    string connectionString = ConfigurationManager.ConnectionStrings["YourConnString"].ConnectionString;

    // 1. 构建查询语句：按状态和月份分组，统计数量/销售额
    string query = @"SELECT 
                        status, 
                        DATEPART(Month, Date) as [Month], 
                        COUNT(weightedValue) as [TotalCount],  -- 统计数量
                        SUM(saleAmount) as [TotalSales]        -- 统计销售额（根据你的需求二选一）
                     FROM " + tableName + @"
                     GROUP BY status, DATEPART(Month, Date)
                     ORDER BY [Month], status";  -- 按月份和状态排序，保证数据顺序正确

    // 2. 从数据库获取数据
    DataTable dt = new DataTable();
    using (SqlConnection conn = new SqlConnection(connectionString))
    {
        SqlDataAdapter da = new SqlDataAdapter(query, conn);
        da.Fill(dt);
    }

    // 3. 绑定到Chart控件（假设你的ChartID是Chart1）
    Chart1.Series.Clear(); // 先清空已有系列，避免重复绑定
    Chart1.ChartAreas[0].AxisX.Title = "月份";
    Chart1.ChartAreas[0].AxisY.Title = "销售额"; // 如果是统计数量就改成"数量"
    Chart1.ChartAreas[0].AxisX.Interval = 1; // 每个月份显示一个刻度
    Chart1.Legends[0].Title = "订单状态";

    // 4. 为每个唯一状态创建一个堆叠系列
    var uniqueStatuses = dt.AsEnumerable()
                           .Select(row => row["status"].ToString())
                           .Distinct();

    foreach (string status in uniqueStatuses)
    {
        // 创建新系列，系列名称就是状态名
        Series statusSeries = new Series(status);
        statusSeries.ChartType = SeriesChartType.StackedColumn; // 核心：设置为堆叠柱状图
        statusSeries.IsValueShownAsLabel = true; // 显示数据点标签
        // 自定义标签格式：显示销售额/数量 + 状态名
        statusSeries.Label = "#VALY (#SERIESNAME)";

        // 筛选当前状态的所有月份数据
        var statusData = dt.AsEnumerable()
                           .Where(row => row["status"].ToString() == status);

        foreach (DataRow row in statusData)
        {
            int monthNum = Convert.ToInt32(row["Month"]);
            // 这里根据你的需求选TotalCount或TotalSales
            double yValue = Convert.ToDouble(row["TotalSales"]);
            // 把月份数字转成中文名称（比如1→"1月"）
            string monthName = DateTimeFormatInfo.CurrentInfo.GetMonthName(monthNum);
            
            // 添加数据点到系列
            statusSeries.Points.AddXY(monthName, yValue);
        }

        // 将系列添加到Chart控件
        Chart1.Series.Add(statusSeries);
    }
}

关键注意点 #

• 堆叠逻辑：堆叠柱状图的核心是给每个状态单独创建一个Series，并且把所有系列的ChartType设为StackedColumn，Chart控件会自动帮你堆叠同X轴值的数据。
• 数据查询：必须按status和DATEPART(Month, Date)分组，否则无法获取每个状态每个月的独立统计值。
• 标签自定义：通过Label属性可以控制数据点显示的内容，#VALY代表Y轴数值，#SERIESNAME就是状态名，刚好满足你“展示状态并统计对应数量”的需求。
• 第二个图表：如果第二个图表是其他类型（比如折线图、普通柱状图），只要复制上述逻辑，修改ChartType和对应的Y轴字段即可，核心的数据分组和多系列绑定逻辑是通用的。

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