Hello Michel

Thank you for your purchase.

What you see is the default behavior of charts engine, but if you need some custom solution you can check in 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 Support help center). 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 certain level of programming skills and included support refers only to advice.

Best regards.

Hello Michel.

Please take a look at this. Maybe it can help you out.

You can see on jsFiddle how you can change what X-axis displays here. Also try exploring Stack Overflow. I've run into some good advice there.

Best regards.

Hi again Michel.

This doesn't look like Highcharts callback. Try something like this

jQuery(window).load(function(){
   if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
     wpDataChartsCallbacks[1] = function(obj){
         obj.options.xAxis = {
            type: 'time',
            unit: 'month',
            dateTimeLabelFormats: {
            day: '%b %Y'
                }
            }
     } });

I'm only guessing, though. Have you tried searching on Stack Overflow?

Best regards.

Hello again Michel.

Sorry, I thought you were using Highcharts as the render engine.

wpDataTables provides you with the possibility to create charts using built-in options that come with the free libraries of chart engines. You're trying to change the date format on a chart, and since that is not included in the built-in options of the plugin, the only thing you can do is to customize the chart using callbacks.

I have already mentioned that using hooks or wpdatatable and wpDataChart callbacks requires certain level of programming skills and included support refers only to advice.

There is no documentation about this, only a few examples, exactly because of this. We cannot provide tutorials on how callbacks for each chart engine work.

If you can provide me with wp-admin credentials for your site, along with table and chart IDs, I can remote in and take a look. If I'm able to find a quick solution for you, I will. But, if it turns out to be more complicated, there's simply nothing much I can do with the included support of the plugin. We are offering customization services on paid basis for situations like this, but unfortunately we're extremely busy with priority tasks, so I cannot even offer that.

We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party. You can write credentials here just check Private Reply so nobody can see them except us.

Kind regards.

Hi again Michel.

First thing is - you can't add the script in Custom JS - it will not work like that.

You need to place it in between the <script> ... </script> tags above the shortcode, like I did in the new page I created for testing: https://blockchaintraders.nl/?page_id=1103&preview=true

However, the chart doesn't even show the labels on axes with the classic editor. Try removing the script, and take a look at the chart in front end. I see it shows normally on your homepage, but not when I try to modify the chart itself or when using callbacks.

So, I may have even guessed the callback, but simply cannot see it. How were you able to show the axes labels on your homepage?

Best regards.

Hi again Michel.

I'm gonna have to experiment with this a bit before I provide a solid response.

If the data format is supported by Charts.js engine, it should override whatever you set up in wpDataTables, we only need to find the correct callback. I'll be digging into this a bit more, and I'll let you know if I'm able to find anything.

Best regards.

Hi again Michel.

I did try looking for a simple solution to your problem, but as it turns out it'd take a significant amount of time to find the exact callback that'd suit your needs. From what I saw in Charts.js documentation you need to load the moments.js and configure it in a proper way.

Unfortunately, I cannot find a callback that'd work for you.

Best regards.

Hello Michel.

Sorry, but I've never created charts manually. I would need to do it myself a few times, then get into Charts.js documentation to be able to help you out with even a hint.

Best regards.

Hi Tibor

We don't have any new info about this, but hopefully Michel, here, will see your comment and explain what needs to be done to get around callbacks.

Anything that's not included in the built-in chart options generated by their API is considered as custom solution, so it's not included in provided support for the plugin.