Home / Community & Support / Developer Productivity Tools Forums / WPF > Chart > ZoomScrollSettings at RadChart (not on individual ChartArea)

• Anand

  Posted on Jan 18, 2012 (permalink)

  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 

  Attached files

  • MultipleCharts.jpg

  Reply

• Evgenia Evgenia

  Posted on Jan 20, 2012 (permalink)

  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 >>

  Attached files

  • WPFChartZoomScroll-MultipleChartAreas.zip

  Reply

• Anand

  Posted on Jan 20, 2012 (permalink)

  In your solution main chart should be visible all the time. I'm looking for scroll bar / slider control chart. Attaching new screenshot.

  Attached files

  • ChartWithSlider.jpg

  Reply

• Petar Marchev Petar Marchev

  Posted on Jan 25, 2012 (permalink)

  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 >>

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / WPF > Chart > ZoomScrollSettings at RadChart (not on individual ChartArea)