paulo.arancibia

Visifire es una suite de componentes Silverlight para la visualización de datos, los mismos son muy fáciles de implementar y pueden ser utilizados en la mayoría de las plataformas para desarrollo Web.

La forma más fácil de comenzar a probar Visifire y comprobar el poder de esta suite es utilizando el Chart Designer, el cual es una herramienta online que permite la creación de charts interactivamente y cuyo resultado podemos embeber en cualquier pagina.

También como es de suponer, podemos programáticamente crear charts y configurar su apariencia, ya que contamos con una gran cantidad de elementos visuales para personalizar y elegir el tipo de chart cuyo número también es muy amplio.

public Page()

{
 InitializeComponent();

this.Loaded += new RoutedEventHandler(Page_Loaded); 

}

public class Vendor

{

public string name;

public int sales;

public Vendor(string name, int sales)
 {

this.name = name;
 this.sales = sales;
 }
 } 

void Page_Loaded(object sender, RoutedEventArgs e)

{ CreateChart();
 }
 public void CreateChart()
 { 

//Inicializamos el chart y los elementos que lo componen

Visifire.Charts.Chart chart = new
 Visifire.Charts.Chart();

Visifire.Charts.DataSeries dataSeries = new
 Visifire.Charts.DataSeries();

Visifire.Charts.DataPoint dataPoint;
 Visifire.Charts.Title title = new
 Visifire.Charts.Title();

//Configuración de las características visuales 

title.Text = “Sales in millions”;
 chart.Children.Add(title);
 chart.Width = 600;
 chart.Height = 400;
 chart.AnimationEnabled = true;
 chart.Theme = “Theme1″;
 chart.AnimationType = “Type3″;
 chart.UniqueColors = true; 

chart.View3D = true;

//DataSource

List<Vendor> people = new List<Vendor>();

people.Add(new Vendor(“Paulo”, 55));
 people.Add(new Vendor(“Chorch”, 33));
 people.Add(new Vendor(“Lito”, 66));
 people.Add(new Vendor(“Ed”, 37)); 

people.Add(new Vendor(“Max”, 21));

//Enlazamos los datos de la lista con los DataPoints

people.ForEach(delegate(Vendor v)
 {
 dataPoint = new Visifire.Charts.DataPoint();
 dataPoint.AxisLabel = v.name;
 dataPoint.YValue = v.sales;
 dataSeries.Children.Add(dataPoint);
 });

//Configuramos el tipo de chart a utilizar

dataSeries.RenderAs = “Doughnut”;
 chart.Children.Add(dataSeries);
 LayoutRoot.Children.Clear();
 LayoutRoot.Children.Add(chart);

}

Las siguientes imágenes muestran algunos de los resultados que podemos obtener al utilizar el código arriba expuesto.

Doughnut Charts

Pie Charts

Bars & Columns Charts

Para más información acerca de Visifire visiten su sitio donde encontraran gran cantidad de ejemplos, el código de la solución para bajar y su documentación.