Hello and thank you in advance. I want to stylise the charts.js donut chart. I want to increase the hole size to match the intended styling.I have read through chart.js documentation and believe this is possible to increase hole size to 90%. I have been able to follow your notes and change the default background colours, can you please advise what code I might need to include to achieve the desired design?
Unfortunately, for something like this, you would need to utilize wpDataCharts callbacks, like you already did for colors. However, using wpDataChart callbacks requires certain level of programming skills and included support refers only to advice.
You should take a look at Chart.js API, and see how it can be done. Then you would need to modify the callback so it works with wpDataTables. Examples can be found in our FAQ section.
Hello and thank you in advance. I want to stylise the charts.js donut chart. I want to increase the hole size to match the intended styling.I have read through chart.js documentation and believe this is possible to increase hole size to 90%. I have been able to follow your notes and change the default background colours, can you please advise what code I might need to include to achieve the desired design?
<script type="text/javascript">
jQuery(window).load(function(){
if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
wpDataChartsCallbacks[6] = function(obj){
obj.options.data.datasets[0].backgroundColor = [
'#d4d6d6',
'#009087',
]
}
});
</script>
[wpdatachart id=6]
Hello Christopher
Thank you for your purchase.
Unfortunately, for something like this, you would need to utilize wpDataCharts callbacks, like you already did for colors. However, using wpDataChart callbacks requires certain level of programming skills and included support refers only to advice.
You should take a look at Chart.js API, and see how it can be done. Then you would need to modify the callback so it works with wpDataTables. Examples can be found in our FAQ section.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables