ASP.NET MVC图表绘制：柱状图、饼图、折线图

在ASP.NET MVC中，可以使用各种图表库来绘制柱状图、饼图和折线图。以下是其中一种方法：

首先，选择一个适合的图表库。常见的图表库有Chart.js、Highcharts和Google Charts等。可以根据需求选择合适的库。
在项目中添加所选图表库的引用。可以使用NuGet包管理器来添加引用，或者手动下载并引用相关的JavaScript文件。
创建一个Controller来处理图表数据，并将数据传递给View。
在View中使用所选图表库的API来绘制图表。具体的步骤和代码将因所选库的不同而有所不同。

以下是一个使用Chart.js库来绘制柱状图的示例：

在Controller中：

public ActionResult BarChart()
{
    // 构造图表数据
    var data = new
    {
        labels = new string[] { 'January', 'February', 'March', 'April', 'May', 'June', 'July' },
        datasets = new[]
        {
            new { 
                label = 'Sales',
                data = new int[] { 65, 59, 80, 81, 56, 55, 40 },
                backgroundColor = new string[] { '#ff6384', '#36a2eb', '#ffce56', '#cc65fe', '#ff9f40', '#4bc0c0', '#9966ff' }
            }
        }
    };

    ViewBag.ChartData = JsonConvert.SerializeObject(data);

    return View();
}

在View中：

<div style="width: 400px; height: 400px;">
    <canvas id="barChart"></canvas>
</div>

@section scripts {
    <script>
        var chartData = @Html.Raw(ViewBag.ChartData);

        var ctx = document.getElementById('barChart').getContext('2d');
        var chart = new Chart(ctx, {
            type: 'bar',
            data: chartData,
            options: {
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                }
            }
        });
    </script>
}

以上示例使用Chart.js库来绘制柱状图。首先在Controller中构造图表数据，然后在View中使用Chart.js的API来实例化一个柱状图对象，并将图表数据传递给它。最后，使用Chart.js的API来绘制图表。