How to customize Pivotchart waiting popup in JavaScrript?

This KB shows the example to customize the JavaScript PivotChart waiting popup.

Solution:

The waiting popup of the PivotChart can be modified by custom GIF images. Please follow the below steps.

Step 1:

Render the PivotChart as per your platform.

Step 2:

Include the GIF image for the span of waiting popup with proper width and height.

Code snippet: [CSS]

#PivotChart_WaitingPopup span { /*Here PivotChart referred as control id*/
  background-image: url(https://media.giphy.com/media/jAYUbVXgESSti/giphy.gif); /*You can modify the GIF here*/
  width: 15%;
  height: 29%;/*You can give the desired width and height*/
}

Waiting_Popup 1

Conclusion

I hope you enjoyed learning about how to customize Pivotchart waiting popup in JavaScript.

You can refer to our JavaScript Pivotchart feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our JavaScript Pivotchart  example to understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!