[]
        
(Showing Draft Content)

E-Charts Custom Behavior

Custom Behavior is a Chart Style property available for the E-Charts in the Inspector tab. You can use the custom behavior property to directly write JavaScript code and use setTimeout/setInterval/myChart (echarts instance), etc., to customize the behavior of the chart, to dynamically change the chart content in real-time.


Custom Behavior property

Customize E-Chart Behavior

To customize the E-Chart behavior, follow the below instructions.


In this example, we have used the setInterval method to add carousel animations.

  1. Drag and drop the Column E-Chart onto the design area. Bind it to the dataset. From the Inspector tab on the right side of your screen, navigate to the Chart Style section and click the + icon from the Custom Behavior property.

    .click plus sign 1


  2. Custom Behavior dialog will appear on your screen. Give a Name for the custom behavior and select the Invoked Event Type from the dropdown list when executing the scripts. Now, directly write the JS code for the setInterval method to rotate the chart.

    custom behavior dialog

    Note: Currently only the After Scenario Render option is available for the Invoked Event Type.

  3. Click the OK button.


    The preview will be as shown below.

    GIF _Preview