26 replies to this topic

[vmachacek]

Hello, I like visifire charting for silverlight and I have a question is it possible to implments such a thing:

http://desmond.image....jpg&res=medium

[Eva]

Hello Vmachacek,

Yes you can create a UserControl or a CustomControl and add Visifire Chart inside it. Now on ValueChanged event of your selection control collect min and and max value and call Zoom(minVal, maxVal) api of y-axis to zoom the main chart.

[vmachacek]

Hello Vmachacek,

Yes you can create a UserControl or a CustomControl and add Visifire Chart inside it. Now on ValueChanged event of your selection control collect min and and max value and call Zoom(minVal, maxVal) api of y-axis to zoom the main chart.

yeah, I was interested if anybody did same thing, or is there any existing use case.

[Eva]

Hey Vmachacek,

Few months ago I worked on a similar control. Well, I will be creating a sample app for you. I will get back to you soon.

[vmachacek]

Hey Vmachacek,

Few months ago I worked on a similar control. Well, I will be creating a sample app for you. I will get back to you soon.

Thats very nice from you eva, I was thinking of using range slider from this page http://mightymeaty.m...ht.silverlight/ its open source, so easy to adjust with Visifire.

[Eva]

Hi vmachacek,

It looks similar to my application. Yes you can also work with the available range control from here.

[vmachacek]

Hi vmachacek,

It looks similar to my application. Yes you can also work with the available range control from here.

Well, If you have any functional code which I can reuse that would be fine, otherwise I can build custom control with SL toolkit line chart (to make ti more universal) and in the top of this chart put range slider from link mentioned above. And I think that would be nice range picker based on some sort of trend projected to graph. If you want I can share result with you. Let me know if you can send me your code, or I should start building my own chart-date-range-picker

[Eva]

Hi vmachacek,

Tomorrow I will share my code with you.

[Eva]

Hi Vmachacek,



See the live example: http://www.visifire....ngeBarDemo.html

Download the sample code here from Visifire ExampleArea.

This sample code works with the latest internal release v4.5.3-0_b and above. You can download the internal build visifire_v4.5.3-0_b from here. This version will be released by the end of this week.

Attached Files

•  VisifireRangeBar.jpg   24.41K   4 downloads

[vmachacek]

Hi Vmachacek,



See the live example: http://www.visifire....ngeBarDemo.html

Download the sample code here from Visifire ExampleArea.

This sample code works with the latest internal release v4.5.3-0_b and above. You can download the internal build visifire_v4.5.3-0_b from here. This version will be released by the end of this week.

This is AWESOME! Thank you so much. You saved me loads of time! Thanks again ; )

[vmachacek]

Can I ask you one more thing: Do it bindable both ways, If I change binded DateTime instance to change control accordingly. DependencyProperty supports that, but you know that of course..

[Eva]

Do it bindable both ways, If I change binded DateTime instance to change control accordingly.

Can you explain more on this? Can you explain me exactly what you are trying to achieve in detail.

Note: I have already introduced few new Dependency Properties (Maximum, Minimum ...etc). You can download the latest version from the link below.
http://www.visifire.com/silverlight_examples_details.php?id=32

[vmachacek]

Can you explain more on this? Can you explain me exactly what you are trying to achieve in detail.

Note: I have already introduced few new Dependency Properties (Maximum, Minimum ...etc). You can download the latest version from the link below.
http://www.visifire.com/silverlight_examples_details.php?id=32

I had in mind If I have DateTime instance binded to that ValueFrom or ValueTo dependency properties and change that DateTime instance by other logic than user control I want reflect this change in user control. Do you know what I mean? Like enable 2 way binding, reading values from control and setting data into control thru binded instance.

[Eva]

If you look at the code in RangeBar.xaml.cs you will find that FromValue and ToValue Properties are defined as

        /// <summary>
        /// Identifies the Visifire.Controls.RangeBar.ToValue dependency property.
        /// </summary>
        /// <returns>
        /// The identifier for the Visifire.Controls.RangeBar.ToValue dependency property.
        /// </returns>
        public static readonly DependencyProperty ToValueProperty = DependencyProperty.Register
            ("ToValue",
            typeof(Object),
            typeof(RangeBar), null);

        /// <summary>
        /// Identifies the Visifire.Controls.RangeBar.FromValue dependency property.
        /// </summary>
        /// <returns>
        /// The identifier for the Visifire.Controls.RangeBar.FromValue dependency property.
        /// </returns>
        public static readonly DependencyProperty FromValueProperty = DependencyProperty.Register
            ("FromValue",
            typeof(Object),
            typeof(RangeBar), null);

So you need to add few lines of code for property change callback. On FromValue and ToValue property change you need to update the RangeBar UI. Done!

Below are the functions which updates the RangeBar UI

• PositionLeftAndRightThumb();
• RenderLabels();
• UpdateLeftThumbVisual();
• UpdateRightThumbVisual();

[vmachacek]

Can you create working sample? I get into value null errors and I dont really understand whats happening under the hood.

[Eva]

Updated! Download it from Visifire Example Area .

Download Link: http://www.visifire....tails.php?id=32

[vmachacek]

Updated! Download it from Visifire Example Area .

Download Link: http://www.visifire....tails.php?id=32

Awesome!! Thanks a lot!

[Xusan]

Hi Eva
Thanks for RangeBar control, I'd love to use it in my project however I didn't able to use it with numeric X axis, can you look at source code again please to make sure it can work with numeric values

Thanks

[Xusan]

Generaly I'm trying to use it with MultiChart binding http://www.visifire....?showtopic=3002 , and currently not able to get it work..

[Eva]

Hey Xusan,

Range bar works with both Numeric and DateTime axis. Well, today evening I will look into my code and see if there any problem with Numeric axis. I will get back to you soon.