I have multiple series on the same graph however, I want my graph to NOT show some of the series per default until I click on it. The below image shows how I want the graph to look per default.
Thank you for reaching out to us, and sorry for the late response.
wpDataTables follow the logic of Chart Engines, so if you select a column to be plotted on the chart, it will be plotted in its entirety.
You can enable "Follow table filtering" when creating the chart, and then place both the table and the chart on the same page, so when you filter the table, the chart will be filtered accordingly. If that's not what you're looking for to achieve, please explain in a bit more detail.
Thank you for the reply. What I'm looking for is attached in the photo in the post. I.e. the chart does not show all 3 series when loading the page. It only shows 1 of them "active" - then you can click on the other 2 if you want to view those as well.
That is the default behavior of the charts engine, but if you need some custom solution you can check our documentation about 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 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 have multiple series on the same graph however, I want my graph to NOT show some of the series per default until I click on it. The below image shows how I want the graph to look per default.
Regards, Kim
Hello Kim
Thank you for reaching out to us, and sorry for the late response.
wpDataTables follow the logic of Chart Engines, so if you select a column to be plotted on the chart, it will be plotted in its entirety.
You can enable "Follow table filtering" when creating the chart, and then place both the table and the chart on the same page, so when you filter the table, the chart will be filtered accordingly. If that's not what you're looking for to achieve, please explain in a bit more detail.
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
Dear Aleksandar.
Thank you for the reply.
What I'm looking for is attached in the photo in the post. I.e. the chart does not show all 3 series when loading the page. It only shows 1 of them "active" - then you can click on the other 2 if you want to view those as well.
Best regards, Kim.
Hello Kim,
That is the default behavior of the charts engine, but if you need some custom solution you can check our documentation about wpDataCharts callbacks.
This is something that you need to adopt in callbacks https://api.highcharts.com/highcharts/plotOptions.series.visible
Best regards.
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