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.