在ASP.NET Core中使用System.Web.Helpers加载图表遇类型加载异常

这个错误的根源很明确：System.Web.Helpers是专为.NET Framework设计的组件，而ASP.NET Core已经完全重构了底层架构，不再依赖System.Web程序集。你遇到的System.Web.HttpContextBase类型是.NET Framework专属的，在ASP.NET Core的运行时环境中根本不存在，所以直接引用System.Web.Helpers.Chart必然会抛出类型加载异常。

下面给你几个可行的替代方案，都是ASP.NET Core原生支持的图表实现方式：

方案1：使用前端图表库（推荐） #

前端图表库比如Chart.js、ECharts等，只需要后端提供数据接口，前端负责渲染图表，这种方式更符合现代Web开发的前后端分离思路，也避免了后端绘图的性能开销。

示例：用Chart.js实现柱状图 #

1. 后端提供数据接口：在Controller中添加返回JSON数据的方法

public IActionResult GetChartData()
{
    // 从数据库获取数据，这里假设DemoTable有Month和Amount字段
    var chartData = _context.DemoTable
        .Select(o => new { Month = o.Month, Amount = o.Amount })
        .ToList();
    return Json(chartData);
}

2. 前端渲染图表：在Razor视图中添加Canvas和Chart.js脚本

<!-- 用于渲染图表的画布 -->
<canvas id="myChart" width="800" height="200"></canvas>

<!-- 引入Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
    // 从后端获取数据并渲染图表
    fetch('/Home/GetChartData')
        .then(response => response.json())
        .then(data => {
            // 提取标签和数值
            const labels = data.map(item => item.Month);
            const values = data.map(item => item.Amount);
            
            // 初始化Chart实例
            new Chart(document.getElementById('myChart'), {
                type: 'bar', // 对应你原来的column类型
                data: {
                    labels: labels,
                    datasets: [{
                        label: 'My Chart',
                        data: values,
                        backgroundColor: 'rgba(75, 192, 192, 0.2)',
                        borderColor: 'rgba(75, 192, 192, 1)',
                        borderWidth: 1
                    }]
                },
                options: {
                    scales: {
                        y: {
                            beginAtZero: true // Y轴从0开始
                        }
                    }
                }
            });
        });
</script>

方案2：使用.NET Core兼容的后端绘图库 #

如果你需要在后端生成图片格式的图表，可以使用OxyPlot、ScottPlot这类支持.NET Core的绘图库。

示例：用OxyPlot生成柱状图图片 #

1. 安装NuGet包：在项目中安装OxyPlot.AspNetCore

Install-Package OxyPlot.AspNetCore

2. 后端生成图表并返回图片：在Controller中添加生成图表的方法

using OxyPlot;
using OxyPlot.Series;
using OxyPlot.Axes;
using System.IO;

public IActionResult GenerateChart()
{
    // 创建图表模型
    var plotModel = new PlotModel { Title = "My Chart" };
    
    // 添加X轴（分类轴）
    plotModel.Axes.Add(new CategoryAxis 
    { 
        Position = AxisPosition.Bottom, 
        ItemsSource = _context.DemoTable.Select(o => o.Month) 
    });
    
    // 添加Y轴（线性轴）
    plotModel.Axes.Add(new LinearAxis 
    { 
        Position = AxisPosition.Left, 
        Title = "Amount",
        Minimum = 0 // Y轴从0开始
    });
    
    // 添加柱状图系列
    var columnSeries = new ColumnSeries();
    columnSeries.ItemsSource = _context.DemoTable.Select(o => new ColumnItem(o.Amount));
    plotModel.Series.Add(columnSeries);
    
    // 将图表导出为PNG图片
    using (var stream = new MemoryStream())
    {
        var exporter = new PngExporter { Width = 800, Height = 200 };
        exporter.Export(plotModel, stream);
        stream.Position = 0;
        return File(stream, "image/png");
    }
}

3. 在视图中显示图表：直接用img标签引用这个接口

<img src="/Home/GenerateChart" alt="My Chart" width="800" height="200" />

关键提醒 #

绝对不要尝试在ASP.NET Core项目中引用System.Web相关的程序集，ASP.NET Core的设计目标是跨平台、轻量级，完全抛弃了.NET Framework中System.Web的沉重依赖，两者的运行时环境不兼容，强行引用只会导致更多异常。

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