I'd like to do a better looking version of this with a more responsive layout for tablets and phones. The charts.js chart here is buggy on mobile devices. What is the best way to create a table that can use a slider for a range of data input using your wordpress plugin? Can you also support polar charts?
As far as I can see, you only need the chart, correct?
The thing with wpDataCharts is that they can only be created from existing wpDataTables. Pie Charts can have no more than 2 columns, so I don't know if we'd be able to have this many sliders on the page.
For example, a table like this:
Would have a chart like this:
This is showing a grouped chart, but if all these entries (Mike, John, Steve, Dave) were unique entries, that have different values, the chart would follow. For example:
To have the labels show actual values instead of percentage, you would need to use wpDataCharts 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 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.
Also, the only filter available would be the filter for the numerical column in the table.
I'd like to do a better looking version of this with a more responsive layout for tablets and phones. The charts.js chart here is buggy on mobile devices. What is the best way to create a table that can use a slider for a range of data input using your wordpress plugin? Can you also support polar charts?
Hello Andrew
Thank you for your interest in wpDataTables.
As far as I can see, you only need the chart, correct?
The thing with wpDataCharts is that they can only be created from existing wpDataTables. Pie Charts can have no more than 2 columns, so I don't know if we'd be able to have this many sliders on the page.
For example, a table like this:
Would have a chart like this:
This is showing a grouped chart, but if all these entries (Mike, John, Steve, Dave) were unique entries, that have different values, the chart would follow. For example:
To have the labels show actual values instead of percentage, you would need to use wpDataCharts callbacks.
Also, the only filter available would be the filter for the numerical column in the table.
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