Scrollbar Support in Charts

Scrollbar Support in Charts

Scrollbar support allows users to handle large datasets and crowded visuals by enabling horizontal or vertical scrolling on charts. This ensures better readability and avoids overlapping of data points and labels.

 

Overview

  • Enables scrolling on X-axis or Y-axis based on chart orientation
  • Helps display all data points clearly without overlap
  • Improves usability when dealing with high cardinality dimensions

 

How to Access

  • Navigate to Chart → Axis Formatter
  • Enable scrollbar from:
    • X-Axis Formatter → for horizontal scrolling
    • Y-Axis Formatter → for vertical scrolling
  • This option is available in respective X/Y-axis formatter, as applicable for the chart, as can be seen from below Figure.

 

Key Features

  • Automatic Separation of Values
    When scrollbar is enabled, all axis values are spaced properly to avoid overlapping
  • Improved Readability
    Ensures labels and bars/points are clearly visible even with large datasets
  • Dynamic Scrolling
    Users can scroll to explore additional data beyond the visible area

 

Scrollable Width

  • Defines the internal width of the chart canvas
  • Increasing width:
    • Spreads data points further apart
    • Reduces crowding
  • Users can adjust this value based on:
    • Number of categories
    • Desired spacing and readability

 

Behavior

  • Scrollbar appears only when data exceeds visible space
  • Works seamlessly with different chart types supporting axis configuration
  • Maintains consistent interaction with tooltips and selections

 

Functionality

Without scrollbar, the categories/data points on the visual are adjusted in the displayed width and height layouts of the chart, like in below example.


When the count of categories exceeds the visual layout is not enough to display them properly.

With scrollbar you can add additional width/height to the charts internally. This enables the categories to display properly, as shown in below Figure


Limitations

  • Spacing between adjacent categories is equal to the width occupied by each category
  • May require manual tuning of scrollable width for optimal display


For more details, refer:

 


    • Related Articles

    • Generate and Plot Charts

      Generate and Plot Charts RubiAI lets you generate the chart based on user prompts and also enables user to plot the chart in the Rubisight dashboard. Generate and plot option is available from Edit mode of the dashboard. From view mode user can ...

    • Highlight- Hide Values Support

      The option Hide Values, is available to configure highlighting with or without showing data values. This option is available in Highlight configuration for Table, Sparkline and Cross Table. When data values are hidden, the Style Icon is shown or ...

    • Data Labels in Pie and Donut Charts

      Refer Data labels for using general formatting options for the charts. Along with these options, Pie and Donut charts are provided with additional formatting options. The below options are available with their respective formatting options- Figure 1: ...

    • Formatting Custom Charts

      RubiSight provides three charts which are different than the rest of the charts. They are - Text HTML Image

    • Support Vector Machine

      Support Vector Machine is located under Textual Analysis ( ) in Classification, in the left task pane. Use the drag-and-drop method to use the algorithm in the canvas. Click the algorithm to view and select different properties for analysis. Refer to ...