Programming with .NET - General

create line chart in silverlight2.0

Re: create line chart in silverlight2.0

Hello, here's a simple sample:

First you should have a Path with a PathFigure to draw your lines. Note that the Silverlight coordinate begins from the top left. That is, the top left point of the Path is 0,0. This is different from math coordinates. The easiest solution is to create a transform on the Path.

<Path.Data>

</PathGeometry>

</Path.Data>

<Path.RenderTransform>

</TransformGroup>

</Path.RenderTransform>

</Path>

When your path is ready, you can draw lines based on your data source.

//Some dummy data.

List<double> source = new List<double>();

Random random = new Random();

for (int i = 0; i < 20; i++)

{

source.Add(random.NextDouble() * 200);

}

//Draw lines according to the data.

figure.Segments = new PathSegmentCollection();

figure.StartPoint = new Point(0, source[0]);

for(int i = 1; i < source.Count; i++)

{

LineSegment segment = new LineSegment() { Point = new Point(i * 20, source[i]) };

figure.Segments.Add(segment);

}

Re: create line chart in silverlight2.0

Hello Sir,

I m Subhash iand i am very new to silverlight. i have a assignment to draw line chart. i have seen your code given but i am not getting where i have to write this code, xaml file or javascript or else..

i copied your code in expression blend but for loops and other parts from for loop shows eerror..

please tell me how to see output..

Re: create line chart in silverlight2.0

Put the XAML code in Page.xaml between <Grid x:Name="LayoutRoot"></Grid>. Put the C# code in Page.xaml.cs under the constructor below InitializeComponent(); You can begin learning Silverlight with the resources found in http://silverlight.net/learn/.

Re: create line chart in silverlight2.0

Hii.. How can i read data from xml file using silverlight.

just give me small example please. to read xml data using silverligh and display in html file.

as simple as possible . without use of server . xml file will locally on system in some drive.

plz tell me stepwise

Re: Re: create line chart in silverlight2.0

ok i will try and if i will not get then again i will disturb you.. please don't mind .. help me sir...

sir acctually i m still using javascript to write events and xaml for desigining. and calling it in html file.

i don't have vs-08 so may be i am unable to understand .. ok i will try with that and inform you. thanku sir

Re: Re: create line chart in silverlight2.0

we have to set the axis(x,y) . can u give me the idea .

Re: Re: create line chart in silverlight2.0

Can you be more specific? Do you want to draw two axis?

Re: Re: Re: create line chart in silverlight2.0

yes. dynamically we will give the vaue according to it will draw the line in a x-y axis

Re: Re: Re: Re: create line chart in silverlight2.0

users will give the value and according to it will draw the line .

i need this scenario.

Re: Re: Re: Re: Re: create line chart in silverlight2.0

In my original code, you'll notice I hard code:

source.Add(random.NextDouble() * 200);

Random.NextDouble will return a value between 0 and 1. So if the value is 0.82, then the point representing this value will have a y axis of 164. So the basic idea is: you can calculate a proper y value based on your coordinate system. Sorry I don't have time to write a more complete sample...

Re: Re: Re: Re: Re: Re: create line chart in silverlight2.0

thanks shan

How to replace variable value

suppose we have two varibale

var t= 50;
var l= 22;

then how can i put t and l value in below statement for Top and Left

var e =slControl.content.createFromXaml('<Ellipse Height="10" Width="10" Fill="red" Canvas.top="t" Canvas.Left="l" />');

plz reply soon its urgent

Thanking You

Subhash

Re: How to replace variable value

sitian
var e =slControl.content.createFromXaml('<Ellipse Height="10" Width="10" Fill="red" Canvas.top="t" Canvas.Left="l" />');

var e =slControl.content.createFromXaml('<Ellipse Height="10" Width="10" Fill="red" Canvas.top="' + t + '" Canvas.Left="' + l + '" />');

Re: How to replace variable value

Thanks .. its worked..

Thank alot..

one more problem ..

i am creating few ellipse at runtime when canvas will load.... like this below code..

for(i=0;i<n1.length;i++){
var t= n1[i]-10;
var l= hspace*(i)+15;

var slControl = Sender.getHost();

   var e =slControl.content.createFromXaml('<Ellipse Fill="blue" Opacity="0.5" Height="10" Width="10" Canvas.Top="'+t+'" Canvas.Left="'+l+'" MouseEnter="show"/>');
   var canvas = Sender.findName("main");
   canvas.children.Add(e);

}

Now on other event i want to remove all previous ellipse and draw it again with differn parameter say i=0;i<n-20;i++

how i can do it ..

"Thanking You"

Subhash

Re: How to replace variable value

Look at this:

http://www.visifire.com/index.php

Re: Re: How to replace variable value

Hello Sir,

Thanks for this nice link..

now charting becames easy.

i am new so i have some problem.

i am saving Data.xml and calling in html then its showing an error

error is:-->Error Log Version:1.0.6 Beta

[Arg_NotsupportedException]

Arguments:

debugging Resources string are unavailbale

at System.Net.Webclient(...)

at .....................................

can you help me to come out

Thank You

Re: Re: How to replace variable value

Hello Sir,

Thanks for this nice link..

now charting becames easy.

i am new so i have some problem.

i am saving Data.xml and calling in html then its showing an error

error is:-->Error Log Version:1.0.6 Beta

[Arg_NotsupportedException]

Arguments:

debugging Resources string are unavailbale

at System.Net.Webclient(...)

at .....................................

can you help me to come out

Thank You

Re: Re: How to replace variable value

Have a look at the following forum post. I guess you've a similar problem

http://www.visifire.com/forums/index.php?showtopic=27

How to intract with html page

Hello Sir, i am desiging one slider in silverlight and i need to intract with table content which is in html.. when slider left or right thumb will move then table value should also change,,,, Note: i am using javascrip code so plz answer with this context only.. Thank you Sir