Как изменить параметры диаграммы (например, цвета кругового среза) в диаграмме, созданной с помощью помощника диаграммы Razor? - PullRequest
Новая
       10

Как изменить параметры диаграммы (например, цвета кругового среза) в диаграмме, созданной с помощью помощника диаграммы Razor?

4 голосов
/ 16 января 2011

Я следую руководству ASP.NET Razor Pages для создания диаграмм в представлении ASP.NET MVC 3.

Я могу создавать / отображать круговые диаграммы.Но я не вижу, как изменить цвета круговых слайдов или взорвать фрагмент.

Я пытался сослаться на коллекцию "Series" объекта Chart, но там не вижубудь одним.

Вот фрагмент кода, который у меня сейчас есть. 

<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>

Может кто-нибудь сказать мне, как я поступил бы по этому поводу?

Ответы [ 2 ]

5 голосов
/ 10 июня 2011

Dommer,

Я здесь только на шаг впереди вас, но вы можете создавать собственные цвета, используя свойство "themePath" в конструкторе диаграммы.Это плохо документировано, но themePath - это путь к документу XML, который подробно описывает диаграмму.Вы можете получить образцы XML, выполнив intellisense для строковых констант в теме (что является необязательным третьим параметром в конструкторе диаграммы).

Ссылку на значения themePath и образец XML можно найти по следующей ссылке: http://www.mikepope.com/blog/documents/WebHelpersAPI.html#Chart

Теперь на заказ цветов.XML в файлах темы показывает атрибут Palette в элементе Chart.Задайте для этого параметра значение «Нет» и добавьте атрибут «PaletteCustomColors» с набором значений RGB следующим образом:

PaletteCustomColors = '0,0,255;0,255,0;255,0,0;0255255;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]

Это должно сделать это.Кроме того, кажется, что протокол тем использует много атрибутов, которые являются свойствами в System.Web.UI.DataVisualization.Chart.Вы можете экспериментировать (как я делаю в настоящее время), настраивая и добавляя / удаляя атрибуты, чтобы увидеть, что изменит внешний вид вашей диаграммы, а что сломает.Синтаксический анализатор очень разборчив в атрибутах, которые он принимает.

Надеюсь, это поможет.

Джим Стэнли

Blackboard Connect Inc.

1 голос
/ 02 марта 2011

Вы используете диаграмму, доступную в пространстве имен System.Web.Helpers.Вам понадобится полный компонент построения диаграмм, доступный в пространстве имен System.Web.UI.DataVisualization.Вот ссылка для начала Диаграммы с MVC Вот ссылка на то, как использовать полнофункциональные функции построения графиков с интерактивностью. Диаграмма с интерактивностью

...