Нові елементи керування графіками asp.net - чи будуть вони працювати з MVC (з часом)?

Скотт Гу щойно опублікував інформацію про новий набір елементів керування графіками, які розповсюджує команда .NET. Вони виглядають неймовірно: http://weblogs.asp.net/scottgu/archive/2008/11/24/new-asp-net-charting-control-lt-asp-chart-runat-quot-server-quot-gt. aspx

Питання на мільйон доларів полягає в тому ... чи будуть вони працювати з MVC, і якщо так, то коли?

Ви можете використовувати елементи керування діаграмою двома способами:

Генерування зображення з контролера

Створюючи діаграму та повертаючи її як зображення з дії (як, на мою думку, посилається на Чатумана):

Chart chart = new Chart();
chart.BackColor = Color.Transparent;
chart.Width = Unit.Pixel(250);
chart.Height = Unit.Pixel(100);

Series series1 = new Series("Series1");
series1.ChartArea = "ca1";
series1.ChartType = SeriesChartType.Pie;
series1.Font = new Font("Verdana", 8.25f, FontStyle.Regular);
series1.Points.Add(new DataPoint { 
                AxisLabel = "Value1", YValues = new double[] { value1 } });
series1.Points.Add(new DataPoint {
                AxisLabel = "Value2", YValues = new double[] { value2 } });
chart.Series.Add(series1);

ChartArea ca1 = new ChartArea("ca1");
ca1.BackColor = Color.Transparent;
chart.ChartAreas.Add(ca1);

using (var ms = new MemoryStream())
{
    chart.SaveImage(ms, ChartImageFormat.Png);
    ms.Seek(0, SeekOrigin.Begin);

    return File(ms.ToArray(), "image/png", "mychart.png");
}

Стиль веб-форм

Таким чином ви просто включаєте діаграму у свої подання .aspx (як і у традиційних веб-формах). Для цього вам доведеться підключити відповідні біти у вашому web.config

<controls>
    ...
    <add tagPrefix="asp"
         namespace="System.Web.UI.DataVisualization.Charting"
         assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</controls>

<httpHandlers>
    ...
    <add path="ChartImg.axd"
         verb="GET,HEAD"
         validate="false"
         type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
</httpHandlers>

<handlers>
    ...
    <add name="ChartImageHandler"
         preCondition="integratedMode" 
         verb="GET,HEAD"
         path="ChartImg.axd"
         type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</handlers>

Ви не можете запускати код всередині елементів DataPoint під час побудови діаграми, тому для підключення даних вам знадобиться метод у класі View. Для мене це нормально працює. Працюючи таким чином, елемент керування відображає URL-адресу до зображення, що генерується обробником http-діаграми. Під час розгортання вам потрібно буде надати папку для запису для кешування зображень.

* Підтримка VS 2010 / .NET 4 *

Щоб це працювало в .NET 4, вам потрібно змінити посилання на діаграми на версію 4.0.0.0 за допомогою відповідного маркера відкритого ключа.

Також здається, що елемент керування діаграмою тепер генерує URL-адреси до поточного шляху запиту, а не до маршруту запиту. Для мене це означало, що всі запити діаграми спричинили 404 помилки, оскільки /{Controller}/ChartImg.axdеквіваленти були заблоковані маршрутами. Щоб виправити це, я додав додаткові дзвінки IgnoreRoute, які охоплюють мої звички - було б більш загальним рішенням:

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("ChartImg.axd/{*pathInfo}");
    routes.IgnoreRoute("{controller}/ChartImg.axd/{*pathInfo}");
    routes.IgnoreRoute("{controller}/{action}/ChartImg.axd/{*pathInfo}");
...

Для людей, які хочуть використовувати управління графіками з MVC 3 за допомогою механізму Razor, дивіться наступне посилання

Як використовувати діаграми MS з MVC3 разом з Razor

Ви вже можете використовувати їх з MVC, все, що вам потрібно зробити, це зробити їх як зображення

Натомість зробіть Usercontrol і надайте йому повний об’єкт Chart, і нехай він робить це самостійно:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.Web.UI.DataVisualization.Charting.Chart>" %>
<%
    Model.Page = this.Page;
    var writer = new HtmlTextWriter(Page.Response.Output);
    Model.RenderControl(writer);
%>

дайте йому ім'я Chart.ascx і помістіть у свою папку "Спільний вигляд".

тепер ви отримаєте весь зайвий html, наприклад карту зображень тощо, а також кешування.

у вашому контролері:

public ActionResult Chart(){
 var c = new Chart();
 //...
 return View(c);
}

у вашому поданні:

<% Html.RenderPartial("Chart", Model); %>

Ця стаття мені це найкраще вдалося:

http://www.codecapers.com/post/Build-a-Dashboard-With-Microsoft-Chart-Controls.aspx

Не видає помилок щодо "Об'єкт не встановлений як екземпляр об'єкта" або "Ідентифікатор сеансу був доступний, але потік відповідей очищений" (не точне формулювання помилок).

Я не хотів просто відображати їх як зображення, тому що якщо ви виконуєте деталізацію, підказки чи інші дії клацання на діаграмі, то візуалізація як зображення не зберігає нічого з цього.

Ключем для моїх потреб було помістити діаграму (-и) у модель, передати модель у вигляд (або частковий вигляд) та помістити панель asp: у вигляд та додати діаграму (-и) на панель у поданні розмітка.

До речі, це було з VS.net 2008 та MVC 2 3 вересня 2010 р. (Дати були якимись важливими при пошуку відповідей через зміни, які постійно відбуваються з MVC).

Я тестував з MVC, і поки що, схоже, це працює з MVC.