This is a migrated thread and some comments may be shown as answers.

ZoomScrollSettings at RadChart (not on individual ChartArea)

3 Answers 61 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Anand
Top achievements
Rank 1
Anand asked on 18 Jan 2012, 10:59 PM
Is it possible to scroll bar on RadChart (not to chart area)
I want to show 16 charts in grid (4x4). All charts has one XValue (datetime).
Want to have only one scroll bar to scroll all charts in grid.
Can you suggest best way to achieve this ?

Attaching screen shot of legacy system. Trying to achieve similar using RadChart 

3 Answers, 1 is accepted

Sort by
0
Evgenia
Telerik team
answered on 20 Jan 2012, 12:09 PM
Hello Anand,

You may find a sample project that demonstrates the approach needed to accomplish this task.

Techniques used:
1. Creating a chart with custom layout
2. Data binding to many chart areas

In short - you need to create a chart with a custom layout and place as many chart areas as you want. You have to link them to a legend. Choose a main chart area - preferably the one that is on the bottom. Enable its zooming and scrolling features. All the other chart areas need to have X axis with auto range set to false. Whenever the range of the main chart area is changed - all other chart areas' ranges should be properly updated as well. 

All the best,
Evgenia
the Telerik team
Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
0
Anand
Top achievements
Rank 1
answered on 20 Jan 2012, 04:34 PM
In your solution main chart should be visible all the time. I'm looking for scroll bar / slider control chart. Attaching new screenshot.
0
Petar Marchev
Telerik team
answered on 25 Jan 2012, 10:41 AM
Hello,

Here is a way to achieve this:
1)  Create a view model. In that view model you will need to have properties for minimum, maximum, selection start and selection end that correspond to your input data.

2)  Create as many charts as you will need. On each chart you will need to set the X axis AutoRange to false and bind the MinValue to the selection start from the view model, the MaxValue to the selection end.

3) Create a slider and bind it's Minimum to the minimum in the VM, Maximum to the maximum in the VM, SelectionStart to the selection start in the VM and SelectionEnd to the selection end in the VM. Selection bindings here need to be two way.
 
Hope this helps.

Regards,
Petar Marchev
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
Chart
Asked by
Anand
Top achievements
Rank 1
Answers by
Evgenia
Telerik team
Anand
Top achievements
Rank 1
Petar Marchev
Telerik team
Share this question
or