Hi 

I am trying to use the callback feature to make a change to the wpDataTablesChart for charts.js. e.g. change the chart colour

and changing the chart number to 12 for my chart. as follows

<script> jQuery(window).load(function() {     

if (typeof wpDataChartsCallbacks == 'undefined') 

{         wpDataChartsCallbacks = {};     }     

wpDataChartsCallbacks[2] = function(obj) {         obj.options.chart.backgroundColor = '#F7F7F7';         

obj.options.plotOptions = {             

series: {                 

dataLabels: {                     

enabled: true,                     

color: '#FF0000'                

}             

}         

}     

} });

</script>

[wpdatachart id=12]

hopefully an easy answer, am I inserting the JS code in the correct place namely just after or before the shortcode [wpdatachart id=12] within my elementor accordion.

Placing the code before or after the above shortcode simply displays the JS code on the page, so is not executing, should the JS code be placed elsewhere in my system ??

Many Thanks

Colin

Hi Milan

Many thanks for your quick reply, good advice re the ID, I had assumed they were the same !!, I will explore my options of calling javascript within my environment namely latest versions of

Wordpress

Generatepress Pro Theme

Elementor Page Builder

wpDatatables, wpDataCharts plugins

Best Regards

Colin

Hi Milan

I have looked at your support pages which are very helpful.

I believe you simply paste the JS code and wpDataCharts shortcode into an HTML Widget on the page, which I have just done a test below and although there are no errors it is not responding to in this case displaying the title Test Chart Title

Contents of HTML Widget within Elementor

<script type="text/javascript">

jQuery(window).load(function(){
    if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
    wpDataChartsCallbacks[12] = function(obj){
        obj.options.plotOptions = {
            series: {
                     dataLabels: {
                        enabled: false
                     }
            },
            title: {
                display: true,
                text: 'Test Chart Title'
            }
        };
    };
});
</script>

[wpdatachart id=12]

I will continue to test ..

Thanks Colin

Hi Milan

Some good advice thanks, I will take a look at these other resources before submitting a ticket in future, I already use stackoverflow.com, a great resource.

My most important use of callbacks is in another area but critical to the success of my website, I will describe it briefly as follows :- 

I have a sorder table for direct debits of the form

id, 1

code, SWW

name, south west water

frequency, monthly

date_from, 31/09/18

date_to, 31/07/19

amount, £300

After the INSERT of this row I need to trigger a procedure or callback to write the corresponding rows for each month to a sorder_line table as follows :-

date, sorder_id, £300

31/09/18, 1, £300

31/10/18, 1, £300

until

31/07/19

I have written a procedure to perform this activity and it works, but I don't believe I can call this procedure using wpDataTables, so I need a callback or hook to do this automatically after an INSERT of a wpDataTable row of the MySQL sorder table.

If you can provide an indication of how I can trigger either my procedure or configure another method that would be appreciated. Also shall I raise this as another call, many thanks.

Best Regards

Colin

Hi Milan

Thanks for your reply, I will see if it is possible to achieve my objectives using the actions and filters and post my results, likely over the weekend.

Best Regards

Colin