Okay
  Public Ticket #3172463
Customising charts beyond basic builder options
Closed

Comments

  • David started the conversation

    Good day

    Is there any way to customise the charts beyond what is available in the standard chart builder? For example, we want to change the colours in two of the Apexcharts radialbar charts from the default red, orange, green and blue to shades of red for one chart, and shades of green for the other. Is there any way to accomplish this?

    Additionally, is there no way to implement conditional formatting for charts? For example, I have a chart representing the percentage completion of a set of tasks. I would love to be able to set up conditional formatting for that chart (i.e. <25 = red, 25 - 74 = orange, 75 - 99 = yellow, 100 = green). Is there any way to do that?

    I see there is a custom CSS option for the tables; is there anything similar for the charts?

  •  1,688
    Miloš replied


    Hi, David 

    Thanks for reaching out to us

    -

    1. In regards to Conditionals that you made in the source table,

      unfortunately there is no way to pass the conditional formatting from the source table to the chart.


    2.  But generally speaking, when you need to customize the chart further than it is possible through the chart wizard options,

    as you know, every chart engine has its own layout and its settings.

    We use free libraries for chart engines, and they are limited as to what we can change from within the plugin's UI.

    You can check out all the available chart engines and examples of wpDataCharts documentation here . 

    If the options you need are not in the chart creation wizard,  you can try to find a custom solution using chart callbacks.

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


    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

  • David replied

    Really appreciate your response Miloš, thank you so much 🙌

  •  1,688
    Miloš replied

    Hi, David 

    You're welcome, i am happy to help.smile.png

    Of course, we will keep working on other unresolved tickets for you,

    and please don't hesitate to open new ones for any new questions or issues you might encounter,

    and we will do our best to advise as quickly as possible.

    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