With the X axis title to each bar being so large I need the bar size to be a certain height to accommodate them. The only way I can seem to find out how to do this is when they respond to the chart height, but by setting the height to 1700px in this case I end up with large amounts of white space around the chart.
How is it possible to set the bars height/width to a specific value to accommodate the labels but at the same time have the table responsive from the top without huge amounts of padding??
I'm not sure I understand what you mean. Can you show me in a screenshot? I see your chart looks good on your website, so I know I'm missing something.
Hi , the chart looks good but like i said to get it to look good i have had to drastically increase the chart height to get the bar heights to be readable, else the more bars you put in the more quashed everything gets.
As you can see from the screenshots I've included there is a large amount of empty white space inside the table that is useless causing a big gap.
It seems to me that the larger you make the chart the more padding is added to the top and bottom. Why is this?
This is the issue with Google Charts. No other chart engine experiences issues with padding except for Google Charts.
If you can switch to Highcharts or Charts.js, that would be the perfect solution.
I'm not sure if you would be able to modify the chart's behavior using wpDataCharts callbacks, but it's worth a shot.
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.
With the X axis title to each bar being so large I need the bar size to be a certain height to accommodate them. The only way I can seem to find out how to do this is when they respond to the chart height, but by setting the height to 1700px in this case I end up with large amounts of white space around the chart.
How is it possible to set the bars height/width to a specific value to accommodate the labels but at the same time have the table responsive from the top without huge amounts of padding??
Thanks
Hello Dan
Thank you for your purchase.
I'm not sure I understand what you mean. Can you show me in a screenshot? I see your chart looks good on your website, so I know I'm missing something.
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
Hi , the chart looks good but like i said to get it to look good i have had to drastically increase the chart height to get the bar heights to be readable, else the more bars you put in the more quashed everything gets.
As you can see from the screenshots I've included there is a large amount of empty white space inside the table that is useless causing a big gap.
It seems to me that the larger you make the chart the more padding is added to the top and bottom. Why is this?
Thanks
Hi again Dan
This is the issue with Google Charts. No other chart engine experiences issues with padding except for Google Charts.
If you can switch to Highcharts or Charts.js, that would be the perfect solution.
I'm not sure if you would be able to modify the chart's behavior using wpDataCharts callbacks, but it's worth a shot.
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