asp.net-mvc - 如何更改使用 Razor 图表助手创建的图表中的图表参数(例如饼图切片颜色)？

Question

我正在关注 ASP.NET Razor Pages guide to generate charts在 ASP.NET MVC 3 View 中。

我可以生成/显示饼图。但我不知道如何更改饼图幻灯片的颜色 - 或分解切片。

我尝试引用 Chart 对象的“Series”集合，但似乎没有。

这是我目前拥有的代码片段。

<td>
    @{                
        Chart chart =
            new Chart(width: 100, height: 100)
                .AddSeries(chartType: "Pie", name: "Dafault", xValue: new[] { "Yes", "No" }, yValues: new[] { 70.2m, 29.8m });

        chart.Write();
    }
</td>

谁能告诉我该怎么做？

Answer 1

多默，

我只比您领先一步，但您可以使用图表构造函数中的“themePath”属性创建自定义颜色。虽然没有详细记录，但 themePath 是详细描述图表的 XML 文档的路径。您可以通过对主题中的字符串 const(这是 Chart 构造函数中的可选第三个参数)进行智能感知来获取 XML 示例。

您可以在以下链接找到对 themePath 值和示例 XML 的引用: http://www.mikepope.com/blog/documents/WebHelpersAPI.html#Chart

现在自定义颜色。主题文件中的 XML 显示 Chart 元素中的 Palette 属性。将其设置为“None”，并添加包含 RGB 值集合的“PaletteCustomColors”属性，如下所示:

PaletteCustomColors='0,0,255; 0,255,0; 255,0,0; 0,255,255； 255,0,255； 255,255,0'

在构造函数中引用您的 themePath，如下所示:

string pathName = "~/Content/Test3DTheme.xml";
var chart = new Chart(width: 600, height: 400, themePath: pathName) [add methods here]

这应该可以做到。顺便说一句，主题协议(protocol)似乎使用了许多属于 System.Web.UI.DataVisualization.Chart 中的属性的属性。您可以通过调整和添加/删除属性来进行实验(正如我目前正在做的那样)，看看什么会改变图表的外观以及什么会破坏它。解析器对其接受的属性非常挑剔。

希望这有帮助。

吉姆·斯坦利

Blackboard Connect 公司