Nuevos controles de gráficos asp.net: ¿funcionarán con MVC (eventualmente)?

Question

Scott Gu acaba de publicar un nuevo conjunto de controles de gráficos distribuidos por el equipo de .NET. Se ven increíbles: http://weblogs.asp.net/scottgu/archive/2008/11/24/new-asp-net-charting-control-lt-asp-chart-runat-quot-server-quot-gt.aspx

La pregunta del millón de dólares es ... ¿funcionarán con MVC, y si es así, cuándo?

Answer 1

Usted puede utilizar los controles de gráficos de dos maneras:

generar la imagen de un controlador

Mediante la generación de la tabla y devolverlo como una imagen de una acción (como Chatuman se refiere a creo):

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"); 
} 

WebForms Style

De esta manera, simplemente incluya el gráfico en sus vistas .aspx (al igual que con los formularios web tradicionales). Para ello se tendrá que conectar los bits correspondientes en su 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> 

No puede ejecutar código dentro de los elementos DataPoint la hora de construir el gráfico, así conectar sus datos se necesita un método en la clase de Vista. Esto funciona bien para mi Trabajar de esta manera hace que el control represente una URL a una imagen generada por el controlador http de control de gráficos. En su implementación, deberá proporcionar una carpeta de escritura para que guarde en caché las imágenes.

* VS 2010/.NET 4 * Soporte

Para conseguir este trabajo en .NET 4 necesita cambiar las referencias a la versión 4.0.0.0 gráfico con el símbolo de clave pública correspondiente.

También parece que el control de gráfico ahora genera direcciones URL para la ruta de solicitud actual en lugar de la ruta de solicitud. Para mí, esto significaba que todas las solicitudes de gráficos daban como resultado errores 404 porque /{Controller}/ChartImg.axd y equivalentes estaban bloqueados por rutas. Para solucionar este añadí llamadas IgnoreRoute adicionales que cubren mis usos - una solución más general sería mejor:

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

Answer 2

Ya se puede utilizar con todo lo que tiene que hacer MVC es hacerlos como imágenes

Answer 3

he estado probando con MVC y hasta ahora parece que se está trabajando con MVC.

Answer 4

Hacer un control de usuario en lugar y darle el objeto gráfico completo y dejar que la hacen uno mismo:

<%@ 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); 
%> 

nombre que Chart.ascx y la puso en su carpeta de vista compartido.

ahora obtendrá todos los html adicionales, como el mapa de imagen, etc. de forma gratuita ... así como el almacenamiento en caché.

en su controlador:

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

en su Vista:

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

Answer 5

Este artículo trabajado a cabo mejor para mí:

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

no da errores sobre 'Objeto no configurado para una instancia de un objeto' o 'Identificación de sesión disponible, pero el flujo de respuesta se ha eliminado "(no la redacción exacta de los errores).

No estaba dispuesto a simplemente representarlos como una imagen porque si está haciendo profundizaciones o información sobre herramientas u otras acciones de clic en el gráfico, el renderizado como imagen no conserva nada de eso.

La clave para mis necesidades era poner las tablas en un modelo, pasar el modelo a la vista (o vista parcial) y poner un panel asp: en la vista y agregar la tabla (s) a la panel en el marcado de vista.

Por cierto, esto fue con VS.net 2008 y MVC 2 el 3 de septiembre de 2010 (las fechas fueron algo que encontré importante al buscar respuestas debido a los cambios que continuamente están ocurriendo en MVC).

Answer 6

Para las personas que quieran utilizar el control de gráficos con MVC 3 utilizando el motor de la maquinilla de afeitar ver el siguiente enlace

How to use MS Charts with MVC3 with Razor