FINAL DAYS FOR SUPPORT ON THIS PLATFORM

As mentioned through banners and newsletters, starting Sunday (June 1st), we're transitioning to a new support system that will be available through your store accounts (for premium/paid users) or directly on our product websites – Amelia, wpDataTables, and Report Builder (for pre-purchase questions) through a support widget in the bottom right corner.

Starting June 1st, you’ll no longer be able to reply to existing tickets or open new ones on this platform. Instead, please use the "Submit a Ticket" option, which will redirect you to the right page where you can easily reach out to us.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #2788269
Chart Customization
Closed

Comments

  • John started the conversation
    May 27, 2021 at 5:37pm

    Hello, 

    I am trying to find a way to add a background image to every chart on my wordpress site. I have added a link to a jsfiddle that shows how Chart.js can be customized but I'm not sure how to go about implementing this for wpDatatables. Is this possible?

  • [deleted] replied
    May 28, 2021 at 9:45am

    Hi John

    Thank you for reaching out to us.

    Using the builtin features of the plugin you will not be able to change the default behavior of the charts engine, but if you need some custom solution you can check our documentation about wpDataCharts callbacks. 

    • Every chart exposes several options that customize its look and feel. Charts usually support custom options appropriate to that visualization. wpDataChart callbacks allow adding options that are available in Google Charts API, Highcharts API, and Chart.js API. 
    • All necessary resources are available in charts engines API (depends on which one you use). Every engine has a different approach to chart settings. In wpDataChart callbacks, you have to adopt those settings to the wpDataChart object (you can take a look at examples for each engine in our documentation, and also in the Support help center). A huge number of examples for any area of programming can be found on stackoverflow.com (typing your problem in google and at the end add "site: stackoverflow.com" and Google will search only that website). Also, a lot of examples of charts, chart settings, and customization can be found on jsffidle.net (typing in google for example "line chart highcharts jsffidle")
    • Please note that using hooks or wpDataTable and wpDataChart callbacks requires a certain level of programming skills and included support refers only to advice.