Gráficas fáciles para web


Una necesidad recurrente en cualquier tipo de proyecto es darle presentación a datos de una manera que rápidamente sea aprovechable y útil para quien toma decisiones. La presentación en gráficas comparativas es algo a lo que ya está acostumbrada la mayoría de las personas aunque para generarlas no siempre se cuenta con la herramienta adecuada.



Carlos Aguilar creó hace unos años un control gratuito para ello, el WebChart. Y usarlo es tan sencillo como ponerlo en tu Toolbox de Visual Studio y arrastrárlo a la página que estás creando. En tu código de la página aparecerá así:



<%@ Page Language=”C#” %>
<%@ Register tagPrefix=”Web” Namespace=”WebChart” Assembly=”WebChart” %>
<%@ Import Namespace=”System.Drawing” %>
<html>
<head><title>WebChart Sample</title></head>
<body>
      <Web:ChartControl Width=”500″ Height=”350″ id=”ChartControl1″ runat=”Server” />
</body>
</html>



Para darle funcionalidad es tan simple como cargar un dataset:



    //en CrearDataSet está la funcionalidad de conexión a BD
    
DataSet dsPrioridades CrearDataSet();
        
    
PieChart priorityChart = new PieChart();
    
priorityChart.DataSource dsPrioridades.Tables[0].DefaultView;



Y asignarle cuales campos comprenderán tu eje Y y tu eje X, además de cargarlo en el control:



    priorityChart.DataXValueField “Prioridad”;
    
priorityChart.DataYValueField “Proyectos”;
    
priorityChart.DataBind();
    
ChartControl1.Charts.Add(priorityChart);
    
ChartControl1.RedrawChart();



El resultado es una buena gráfica:



 Gráfica



En la misma página de WebChart puedes descargar el archivo de ayuda que te permitirá saber como manipular todas las propiedades y métodos que tiene para lograr resultados más acordes a lo que necesitas. También hay bastantes ejemplos y código de mejoras a las gráficas que puedes generar.


Technorati tags: , ,