Hello Support,

i tried to include "%" suffix in wp chart. i tried the js code from your reference link (https://wpdatatables.com/faqmd/how-to-add-labels-on-two-y-axes-highcharts/). but it not worked in my website.

I tried to make chart in both way i.e. using Google render engine and Highchart render engine, but not worked to add suffix.

I hope your technical team help me to implement "%" suffix in my chart vertical axis.

wordpress credential for Admin user is

https://www.sobrevolandoellimite.com/wp-admin/

User: sandeep
Pass: Vo^SjNXwsq3FThU8qKaRWJiZ

Hope for positive result. 

Hello Support Team,

Thanks for your reply, i replaced both two js files. i applied the both custom js codes, but unfortunately it not worked on the website. Code i used to add suffix are:

  

<script type="text/javascript">
jQuery(window).on('load',function(){
    if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
    wpDataChartsCallbacks[94] = function(obj){
        obj.options.yAxis[0] = {
           labels: {
             format: '% {value}'
           }
        }        
    }
});
</script>

and the second code 

<script type="text/javascript">
jQuery(window).on('load',function(){
    if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
    wpDataChartsCallbacks[94] = function(obj){
        obj.options.yAxis[0] = {
           labels: {
             format: '% {value}'
           }
        }
        obj.options.yAxis[1] = {
           opposite: true,
           labels: {
             format: '{value} %'
           }
        }
    }
});
</script>

Con your team please help to sort out thee issue?

Test URL: https://www.sobrevolandoellimite.com/test-2/

Hello Support,

I tried with chart ID in the js code but it did not work, can you please send me the exact code, i tried with  following sample codes, but not worked for me.

jQuery(window).on('load',function(){
    if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
    wpDataChartsCallbacks[wpdatachart_5] = function(obj){
        obj.options.yAxis[0] = {
           labels: {
             format: '% {value}'
           }
        }        
    }
});

i tried second one


jQuery(window).on('load',function(){
    if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
    wpDataChartsCallbacks[5] = function(obj){
        obj.options.yAxis[0] = {
           labels: {
             format: '% {value}'
           }
        }        
    }
});

i hope for positive solution, Thanks!!