I'm trying to rotate the text on the horizontal axis. On one chart it seems to do it automatically (or I've missed a setting) and on another they text just overlaps.
I've used JS below but to no affect.
jQuery(window).on('load', function(){ if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; } wpDataChartsCallbacks[3] = function(obj){ obj.options.hAxis = { slantedText:true, slantedTextAngle:45 // here you can use angels what you need 30, 45, 90, -45, -90 }
} });
Is there a setting or an error?
Thanks
Also, you'll see on the spider graph that not all the labels show (the bottom one). Is there a way to wrap these labels?
Thanks
PS - heading is meant to say "Axis text Highcharts"
I'm trying to rotate the text on the horizontal axis. On one chart it seems to do it automatically (or I've missed a setting) and on another they text just overlaps.
I've used JS below but to no affect.
jQuery(window).on('load', function(){
if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
wpDataChartsCallbacks[3] = function(obj){
obj.options.hAxis = {
slantedText:true,
slantedTextAngle:45 // here you can use angels what you need 30, 45, 90, -45, -90
}
}
});
Is there a setting or an error?
Thanks
Also, you'll see on the spider graph that not all the labels show (the bottom one). Is there a way to wrap these labels?
Thanks
PS - heading is meant to say "Axis text Highcharts"
Hello Ashley
Thank you for your purchase
Sorry for the delay in our responses, has been national holidays in our country for the last few days.
There's a bug in v3.4.1
Please replace files on these locations with the files attached to my response:
wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.chartsRender.js
wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.chartsRender.min.js
Then, delete cache from your website and browser, and it should be working normally again.
Can you please tell me which type of chart you are using? For Highcharts, there are different settings you can check here https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/xaxis/labels-rotation/
About the labels on polar charts, you can try with this option https://api.highcharts.com/highcharts/yAxis.showLastLabel
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables