Okay
  Public Ticket #2723900
Visualize Ranking
Closed

Comments

  •  1
    Terry started the conversation

    I would like to create a small thermometer-type or single bar chart for showing a country's ranking. The chart would visualize a single number (between 1-160) from a wpdatatable (pulled from a csv file online).  The top would be 1 and the bottom would be 160. Is there any way to do this?

    See attached example

  •  2,507
    Aleksandar replied

    Hello Terry

    That seems pretty easy to achieve. You'd need two columns - one for the X axis (string), and one for the data (integer), and one row.

    6463565672.png

    Styling the chart to look like in your screenshot, however needs to be done with 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 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 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.

    So, to add max value 1, min value 160 on the Y axis, add value in the column and reduce the width of the column, you'l need to use callbacks.

    Kind Regards, 

    Aleksandar Vuković
    [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