ZoomScrollSettings at RadChart (not on individual ChartArea)

4 posts, 0 answers
  1. Anand
    Anand avatar
    12 posts
    Member since:
    Dec 2011

    Posted 18 Jan 2012 Link to this post

    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 
  2. Evgenia
    Admin
    Evgenia avatar
    1407 posts

    Posted 20 Jan 2012 Link to this post

    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 >>
  3. UI for WPF is Visual Studio 2017 Ready
  4. Anand
    Anand avatar
    12 posts
    Member since:
    Dec 2011

    Posted 20 Jan 2012 Link to this post

    In your solution main chart should be visible all the time. I'm looking for scroll bar / slider control chart. Attaching new screenshot.
  5. Petar Marchev
    Admin
    Petar Marchev avatar
    968 posts

    Posted 25 Jan 2012 Link to this post

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

Back to Top