c# - asp.Net MVC 如何为图表中的每个条设置颜色？

Question

我在 MVC 应用程序中使用 System.Web.Helpers。

该应用程序创建了多个图表，经过多次尝试，我终于成功了。

foreach (var m in model[0].HistoryValues)
{

    var chart = new Chart(width: 600, height: 400)
    .AddTitle(m.LastUpdateSTR)
    .AddSeries(
        name: m.LastUpdateSTR,
        xValue: new[] { "Server", "Db", "Tickets" },
        yValues: new[] { m.ServerPerformance, m.Databaseperformance, m.SoldTicketsLastThirtyMin == 0 ? 10 : m.SoldTicketsLastThirtyMin }        
    );

    m.Bytes = chart.GetBytes("jpeg");
};

结果:

问题是我希望能够更改条形图上的颜色。像这样:

我没能找到任何关于如何做到这一点的最新文章。我找到的那些向我展示了如何在图表上设置主题，但如何在每个条形图上设置特定颜色？

Answer 1

遗憾的是，图表助手是 MVC 没有公开任何属性来轻松设置每个单独的列/字段。结果，您将 have to resort to using a nasty stringified theme如下所示:

var theme = @"<Chart BackColor="Transparent">
                  <ChartAreas>
                       <ChartArea Name="Default" BackColor=""Transparent"></ChartArea>
                  </ChartAreas>
              </Chart>";

然后将所述主题应用到您现有的 Chart :

var chart = new Chart(width: 600, height: 400, theme: theme)

然而，这些主题似乎非常有限，并且可能缺乏必要的功能来定位单个栏(至少很容易)。您可能需要考虑研究替代库或第三方组件，例如 HighCharts如果您需要这种功能。