Silverlight dynamic charts with Visifire components

Rénald Nollet — Mon, 28 Apr 2008 15:31:46 GMT

Some weeks ago, I saw that Visifire (http://www.visifire.com/) was working on chart open source components for Silverlight 2 (currently in beta 1).

Here is a snapshot of a small Silverlight 2 beta 1 application I wrote with this components :

You can change the values in the textboxes and refresh the charts when clicking on the button.

You can test it there : http://www.renaldnollet.com/blogsamples/silverlightcharts1/testpage.html

This sample is easily done. Here is my XAML file :

<UserControl x:Class="SilverLightTests.SilverlightControl5"

xmlns="http://schemas.microsoft.com/client/2007"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="615" Height="483" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">

Grid>>

UserControl>

And here is my code-behind :

using System;

using System.Collections.Generic;

using System.Linq;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

namespace SilverLightTests

{

public partial class SilverlightControl5 : UserControl

{

public SilverlightControl5()

{

InitializeComponent();

this.Loaded += new RoutedEventHandler(Page_Loaded);

this.MyButton.Click += new RoutedEventHandler(MyButton_Click);

}

void MyButton_Click(object sender, RoutedEventArgs e)

{

CreateChart();

}

void Page_Loaded(object sender, RoutedEventArgs e)

{

CreateChart();

}

public void CreateChart()

{

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

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

Visifire.Charts.DataPoint dataPoint;

visiChart.AnimationType = "Type4";

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

title.Text = "";

visiChart.Children.Add(title);

visiChart.Width = 300;

visiChart.Height = 300;

Random rand = new Random(DateTime.Now.Millisecond);

< 9; i++)for (int i = 1; i

{

dataPoint = new Visifire.Charts.DataPoint();

TextBox tb = (TextBox)this.LayoutRoot.Children[i];

dataPoint.YValue = System.Convert.ToDouble(tb.Text);

dataPoint.LegendText = tb.Name;

dataSeries.Children.Add(dataPoint);

}

dataSeries.RenderAs = "Pie";

visiChart.Children.Add(dataSeries);

MyCanvas.Children.Clear();

MyCanvas.Children.Add(visiChart);

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

visiChart2.AnimationType = "Type4";

visiChart2.Width = 300;

visiChart2.Height = 300;

dataSeries = new Visifire.Charts.DataSeries();

<9; i++)for (int i = 1; i

{

dataPoint = new Visifire.Charts.DataPoint();

TextBox tb = (TextBox)this.LayoutRoot.Children[i];

dataPoint.YValue = System.Convert.ToDouble(tb.Text);

dataSeries.Children.Add(dataPoint);

}

dataSeries.RenderAs = "Column";

visiChart2.Children.Add(dataSeries);

MyCanvas2.Children.Clear();

MyCanvas2.Children.Add(visiChart2);

}

Rénald's Blog - Silverlight 2.0

Silverlight dynamic charts with Visifire components