---

ASP.NET Web Pages - Chart 是一个用于创建图表的帮助器，可以轻松地将数据转换成漂亮、易于理解的图表。本文将详细介绍 ASP.NET Web Pages - Chart 帮助器的用法。

安装

ASP.NET Web Pages - Chart 帮助器可通过NuGet包进行安装。

使用

要创建图表，需要引入 Chart 帮助器：

@using System.Web.Helpers

然后，通过调用 Chart 方法创建图表：

var chart = new Chart(width: 600, height: 400)
            .AddTitle("Sales Chart")
            .AddSeries(
                name: "Sales",
                xValue: new[] { "Jan", "Feb", "Mar", "Apr", "May", "Jun" },
                yValues: new[] { "20", "35", "50", "25", "40", "60" });

在这个例子中，我们首先创建了一个 Chart 对象，设置它的宽和高，并添加了一个标题。然后我们添加了一个数据系列，其中包括一些 x 值和相应的 y 值。

最后，我们可以将图表渲染到网页上：

<div>
    @chart.Write()
</div>

这将会把图表以SVG格式渲染到HTML页面上。

除了这个简单的例子，Chart 帮助器还提供了许多其他的功能，例如：

添加多个数据系列

可以通过调用 AddSeries 方法多次添加多个数据系列：

.AddSeries(
    name: "Series 1",
    xValue:new[] { "Jan", "Feb", "Mar", "Apr", "May" },
    yValues: new[] { "20", "25", "50", "30", "45" })
.AddSeries(
    name: "Series 2",
    xValue: new[] { "Jan", "Feb", "Mar", "Apr", "May" },
    yValues: new[] { "30", "35", "60", "40", "50" })

这将会创建两个数据系列，分别对应不同的 yValues。

设置样式

Chart 帮助器允许您设置图表的样式，例如线条颜色和粗细、背景颜色、字体大小等等。您可以调用 SetXAxis 和 SetYAxis 方法来设置 X 和 Y 轴的样式，调用 AddLegend 方法来设置图例的样式。

另外，您还可以调用 GetData 方法来获取图表数据，这样您就可以对其进行自定义处理和渲染了。

编辑图表

如果您需要对现有图表进行编辑，例如添加一个新的数据系列或更改样式，那么只需要获取图表对象的引用，然后调用相应的方法即可。

例如，要添加一个新的数据系列：

chart.AddSeries(
    name: "Series 3",
    xValue: new[] { "Jan", "Feb", "Mar", "Apr", "May" },
    yValues:new[] { "25", "30", "40", "50", "55" });

结论

ASP.NET Web Pages - Chart 帮助器是一个非常强大、灵活的工具，可以帮助您快速创建数据可视化图表，让您的数据变得更加生动、易于理解。本文介绍了 Chart 帮助器的基本用法和一些高级功能，希望对您有所帮助。