Okay
  Public Ticket #2881894
Reversing x-axis of Highcharts
Closed

Comments

  • Kevin Maloney started the conversation

    Hi. I love WpDataTables, but I'm having an issue. I created a table, then a chart based on the data in that table. I'm using Highcharts as my chart engine. I want the table to be sorted by date with the most recent at the top, but I want the chart to be the opposite along the x-axis, so the most recent date is on the right. Is there a way to reverse the x-axis of the Highcharts view? Thanks.

  • [deleted] replied

    Hi Kevin

    Thank you for reaching out to us.

    That is the default behavior of the charts engine, but if you need some custom solution you can check our documentation about wpDataCharts callbacks

    What I can suggest as a workaround is to create the table displaying data in the order you want to show it on the chart, create the chart from the table and disable follow table filtering. Then go to the table and set the table to be sorted per that column on load in ascending or descending order. That way the connection between the table and the chart will be broken and you can sort the table and not affect the chart display.  

    2522802165.png


    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 APIHighcharts 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.