I am using Highcharts. How do I reduce the amounts of labels on the X-axis?
My graph shows some value for every day, instead of the X-axis showing a label for each day (i.e. 02/08/2022, 03/08/2022, and so on), I'd like it to only show a label for every 5 days.
wpDataTables will pull in all data plotted on the chart, and there are no settings that would change that.
In order to reduce the number of points plotted on the X axis, you will need to apply some wpDataChart callbacks.
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 the Support help center). A 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 a certain level of programming skills and included support refers only to advice.
Dear TMS.
I am using Highcharts. How do I reduce the amounts of labels on the X-axis?
My graph shows some value for every day, instead of the X-axis showing a label for each day (i.e. 02/08/2022, 03/08/2022, and so on), I'd like it to only show a label for every 5 days.
Is there a solution for this in Highcharts?
Best regards, Kim
Hello Kim,
Thank you for reaching out to us.
Can you please provide us with an example of what you are referring to in form of screenshots?
Looking forward to your reply.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Here is an example:
As you can see the labels on the X axis are very dense. I want to reduce the density so maybe there will be only 10 labels in total.
Best regards, Kim
Hello Kim Pham.
wpDataTables will pull in all data plotted on the chart, and there are no settings that would change that.
In order to reduce the number of points plotted on the X axis, you will need to apply some wpDataChart callbacks.
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