在ASP.NET MVC中使用Chart帮助程序时如何更改饼图的默认颜色

Question

是否可以指定馅饼的每个部分的颜色？ 此外，是否可以在侧面显示图例？

例如：在下面的图表中，我可以指定一下，“Pass”显示为绿色，Fail显示为红色，未知显示为灰色？

    public ActionResult GetRainfallChart()
    {

        var key = new Chart(width: 600, height: 400).AddSeries(
                               chartType: "pie",
                               legend: "Test pass",
                               xValue: new[] { "Pass", "Fail", "Unknown" },
                               yValues: new[] { "50", "30", "20" })
                               .Write();

        return null;
    }

如果使用System.Web.Helpers程序集中的“图表”控件无法实现，那么有人可以指点我如何使用asp.net控件来实现MVC项目中的webforms

Answer 1

您可以设置系列的颜色。 有一个Color属性。

例如：

// Set color for the whole series
Chart.Series[0].Color = Color.Green;

// Set color of a single data point
Chart.Series[0].Points[5].Color = Color.Red;

有关颜色的更多信息，请参阅此博客条目： 设置Microsoft图表系列颜色

Answer 2

不幸的是，Chart没有暴露的“系列”属性。 仅供参考，我在谈论可以在asp.net mvc app中使用的System.web.Helpers程序集中的“Chart”类，它与System.data.visualization程序集中的“图表”不同随asp.net Web表单应用程序一起提供

Answer 3

展示传奇......

chart.Legends.Add(new Legend("Default") { Docking = Docking.Right });

Answer 4

您可以在图表的.SeriesColors属性中指定所需的颜色范围，

.SeriesColors(new string[] { "#952F91", "#00A9AA", "#EA7EB8"  /*...range of colors */ })