Successfully!

Error!

Chart Zooming

  • Last update:  2020-12-09
  • I. Overview

    1) When there are many categories of products to be displayed, the data will be displayed in a chart, which will looks very crowded. At this time, we can use the Zoom function in the Chart Interaction to zoom in and out the charts and datasheets.

    2) Chart zoom is divided into gesture zoom and widget zoom. You can only choose one of the two zoom methods and cannot choose both.

    3) Gesture zoom refers to zooming in and out the area selected by the mouse.

     1.gif

    4) Widget zoom refers to control zooming by using the selection bar at the bottom of the chart, or dragging and sliding with the mouse in the drawing area.

     2.gif

    You will learn
    • Widget zoom

    • Gesture zoom

    II. Widget zoom

    Double-click the chart, enter [Special Effect]>[Interaction], under [Chart Zoom], you can select the widget zoom to [On] or [Off].

    When enabled, you can use the zoom widget. The following settings can be made:

    • Widget boundary: when [Adjustable] is selected, the horizontal coverage of the widget can be adjusted; when [Unadjustable] is selected, the set border shall prevail.

    • Initial boundary: You can set the initial left and right boundaries of the widget to determine the horizontal coverage range of the widget.

    Note: Please fill in a category value for the boundary.

      • For single category: directly fill in a category value, such as Anna; Or fill in a formula, such as =“Anna”

      • For multiple categories: fill in the array form, such as [“Parent Category Value”, “Sub-category Value”, and so on], without adding “=” sign and without using formula.

    For example, we enable widget zoom and set the widget boundary to [Unadjustable], with the initial boundary from “Anna” to “Chen Ping”.

     图片3.png

    After previewing, you can see that the boundary of the initial widget is from “Anna” to “Chen Ping”, and the boundary is unadjustable.

     3.gif

    III. Gesture zoom

    Double-click the chart and enter [Special Effect] > [Interaction]. When [Widget Zoom] is disabled, gesture zoom can be set under [Zoom Direction].

     图片5.png

    • X-axis: zoom in the X-axis direction.

     4.gif

    • Y-axis: zoom in the Y-axis direction.

     5.gif

    • XY-axis: zoom in both directions.

     6.gif

    None: Disable gesture zoom.

    Note:

    • Zoom in: When a certain area is selected, it can be zoomed in.

    • Zoom out: Drag the selected area as outward as possible to make it contain the values of X-axis as much as possible, and the original page will be zoomed out.


    Attachment List


    Theme: Chart
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    Doc Feedback