Hey there, Awesome Customers!

Just a heads up: We'll be taking a breather to celebrate International Workers' Day (May 1st and 2nd - Wednesday and Thursday) and Orthodox Easter from Good Friday (May 3rd) through Easter Monday (May 6th). So, from May 1st to May 6th, our team will be off enjoying some well-deserved downtime.

During this time, our customer support will be running on a smaller crew, but don't worry! We'll still be around to help with any urgent matters, though it might take us a bit longer than usual to get back to you.

We'll be back in action at full throttle on May 7th (Tuesday), ready to tackle your questions and requests with gusto!

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find loads of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel). These gems might just have the answers you're looking for while we're kicking back.

Thanks a bunch for your understanding and support!

Catch you on the flip side!

Warm regards,

TMS

Okay
  Public Ticket #3533200
real time charts
Closed

Comments

  • martin started the conversation

    hello this is my second ticket, I am trying to create a chart similar to this:

    https://www.highcharts.com/docs/working-with-data/live-data

    but cannot get it working .. I purchased the plugin because I believe it was possible . Let me know and point to tutorials on how to accomplish this in wpdatatables.

    thanks

  •  1,692
    Miloš replied

    Hi martin,

    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    -

    With our Plugin's wpDataCharts, for each Chart, it pulls the data from a source Table;

    So you will not be able to create a Data source without first creating a Table which will pull the Data from your Data Source.

    In this example you sent, this Chart is a very custom solution which pulls data directly as a Data Module by HighCharts.

    If you use Charts from our Plugin - In this case, you will need to make a source Table which pulls live data from your Data Source.

    On the other ticket, you mentioned you would be using a JSON data source, right?

    Please refer to my response there - where we explained how you can make a table which pulls data from JSON/ or API.

    -

    Can you tell me did you succeed in creating a Table which pulls the data from your Data Source?

    If you did that - and if you just need a Chart now which will 'change/update' live / on the fly, without having to refresh the Chart Page,  you can achieve this by adding the Source Table shortcode on the same Page where you have your Chart; and activate "Follow Table Filtering" in our Chart Options.

    This allows you to have the 'update chart on the fly' effect, so when the table updates with any new data, the Chart is going to follow it.

    We also have a couple workarounds which you can use if you need to hide the Table and just show the Chart with the 'follow table filtering' effect :


    By default, the charts will not follow any filtering from their source table if you just put the chart "on its own" on the page.

    But If you place the source table together with its chart on the same page,

    and activate " Follow Table filtering"  on the chart Wizard settings,  it is going to follow any filtering/sorting you do on the table.

    -

    Now, depending if you wish to hide the table and have a filtering for Charts, we can have two workarounds available.

    1. If you wish to hide the entire table along with table filters;

    you can add this CSS to the table's back-end settings/Customize/Custom CSS.

    .wpdt-c .wpDataTables.wpDataTablesWrapper {
    display: none !important;
    }

    This will completely hide the table from the page, but you can still pass the table shortcode with the chart, and you will get the "follow table filtering" effect on this chart.

    2. Or if you wish just to hide the table while leaving the filters with the chart,

    we would first need to disable the following in the table settings:

    "Show X entries" drop-down; "Info Block" from Display tab:

    5739555450.png

    Then, "Enable main search block"  and "show filters in a form above the table" from the Sorting and Filtering tab:

    7822122957.png

    Then, you can add this CSS in the table settings/Customize/Custom CSS:

    .wpdt-c .wpDataTablesWrapper table {
    display: none !important;
    }
    

    That will just leave the chart visible with the filters on the page,

    if you pass both table and chart shortcodes.

    -


    Let me know if that helps, if not, can you please elaborate what you have tried so far, what is your Data Source for your Table, etc?

    If you can add any screenshots or a Video, that can help.

    If it shows any sensitive data, just mark your reply as PRIVATE, for safety.

    Thank you.


    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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