RangeNavigator add sparklines

[Herbert Moroni Cavallari de Costa Gois]

Hello Again!

I'm using RangeNavigator with LineSpark as Syncfusion used in examples and it works fine

But when I use a sfchart more than one series my graph is more of a column on each axis X. But RangeNavigator has Series and receives only to illustrate my chart above.

Its add sparklines behind?

[Suresh S]

Hi Herbert,

Thanks for contacting Syncfusion support

We are not able to get your exact requirement. We have prepared a sample with range navigator content with more than one series, can you please check with the sample in the following location? Could you modify the sample based on your requirement which would be more appreciable?

Please let us know in case of any query

Regards,

Suresh S

Attachment: range_navigator_468c2e8f.zip

[Herbert Moroni Cavallari de Costa Gois]

sry...

Ok... i'll be direct

How can i add SparkLines dynamically in a Range Navigator?

because the Content no have Add function

Thank you!

[Suresh S]

Hi Herbert,

Thanks for your reply

We have analyzed your query and navigator content can be added dynamically as shown in the below code snippet. Also we have prepared sample demonstrating this please download it from below location.

Code Snippet [C#]:

private void Button_Click(object sender, RoutedEventArgs e)

{

         SfLineSparkline sparkline = new SfLineSparkline();

 

         sparkline.YBindingPath = "High";

         sparkline.ItemsSource = model.StockPriceDetails;

 

         RangeNavigator.Content = sparkline;

}

Sample: range_navigator_468c2e8f.zip

Please let us know in case of any query

Regards,

Suresh S

[Herbert Moroni Cavallari de Costa Gois]

Hi Suresh!

i tried it, but it only one SparkLine
i want add two or more
and content cant be sum.... "RangeNavigator.Content += sparkline"

it sent me a error message

thank you !

[Suresh S]

Hi Herbert,

Thanks for reply

We have analyzed your query, more than one sparkline can be added to navigator content as shown in below code snippet,

Code Snippet [C#]:

private void Button_Click(object sender, RoutedEventArgs e)

{

        SfLineSparkline sparkline = new SfLineSparkline();

        SfLineSparkline sparkline1 = new SfLineSparkline();

        Grid grid = new Grid();

 

        sparkline.YBindingPath = "High";

        sparkline.ItemsSource = model.StockPriceDetails;

 

        sparkline1.YBindingPath = "Low";

        sparkline1.ItemsSource = model.StockPriceDetails;

 

        grid.Children.Add(sparkline);

        grid.Children.Add(sparkline1);

 

        RangeNavigator.Content = grid;

}

 

Please let us know in case of any query

Regards,

Suresh S

[Herbert Moroni Cavallari de Costa Gois]

Thank you Suresh.!!!

[Suresh S]

Hi Herbert,

Thanks for reply.

We are glad to know that the issue is resolved.

Please let us know in case of any assistance.

Regards,

Suresh S

[Vinayak]

Just want some overview

[Durgadevi Selvaraj]

Hi Vinayak, 

 

In this thread, we have provided the solution for how to add multiple spark lines to the content of range navigator. 

 

Could you please let us know if you need any assistance on this? 

 

Regards,  

Durgadevi S