Okay
  Public Ticket #1909451
Chartjs Dynamic Axes
Closed

Comments

  • Wayne_5d started the conversation

    Hi All,

    I have a some Temperature data that I would like to chart.

    Using the Chartjs on my existing site I have the chart dynamically expanding the vertical axis so it doesn't go all the way down to 0, but I have not been able to replicated this with wpdatachart.  I see I can manually adjust this in the settings but I would like to remove the value as allow the chart to determine the range from the data. I tried this with the google chart and it works but with chartjs I remove the 0 value and when I save it just puts it back in.

    It would also be great to have the Horizontal axis also dynamically reduce the labels depending on the size.

    I might just be missing the setting :)

    Here is an example of what I am trying to achieve, this one I did straight from Chartjs.

    http://thedickersons.id.au/Weather/Tempjs.php

    Here is the one I have created from the wpdatachart (top one chartjs bottom google chart)

    http://ourweather.info/


    Thanks

    Wayne

  •  2,572
    Aleksandar replied

    Hi Wayne.

    Thank you for your purchase.

    That is default behavior of charts engine, but if you need some custom solution you can check in 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  allows adding options that are available in Google Charts APIHighcharts API and Chart.js API
    • All necessary resource are available in charts engines API (depends on which one you use). Every engine has different approach of charts settings. In wpdatachart callbacks you have to adopt those settings to wpdatachart object(you can take a look an example for each engine in our documentation and also in Support help center). Huge number of examples for any area of programming you can find on stackoverflow.com(typing your problem in google and of the end add site:stackoverflow.com and google will search only on that website) and also a lot of resource of examples of chart, chart settings and customization you can find 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 advises.

    Please let me know if you were able to find something useful there.

    Best regards.

    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