Hey everyone!

With the holiday season upon us, we want to share our upcoming working hours:

After that, we’ll return to our regular schedule and assist you as quickly as possible.

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find tons of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel), which might just have the answers you need while we’re away.

Thanks a bunch for your understanding and support!

Warm regards and happy holidays!

TMS

Okay
  Public Ticket #3451582
External file for Annotations (ApexCharts)
Closed

Comments

  • Carry Brands started the conversation

    Hi there,

    I would like to know how i can add an external file for annotations. I would like to make the 0-line in my charts a bit thicker than all the other lines, but i could not find any option for this in the plugin settings. So i think i have to manage this by adding some annotations to the charts, but i can not found the file where i should to this. For this reason, and also for usability, i wanted to place the annotations in my custom JS file, which is already loaded into my page. But the code hereafter does not do the trick...

    jQuery(window).on('load',function(){ 
        if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; } 
        wpDataChartsCallbacks[23] = function(obj){ 
    var options = {
    annotations: {
     yaxis: [
    {
     y: 0,
     borderColor: '#ff0000'
    }
     ]
    }
    }
    }
    });


    Any thoughts on this?

    Thanks you in advance!

  •  1,847
    Miloš replied

    Hi Carry,

    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.

    -

    Sorry to disappoint you, 

    we did our best to search through all our available working examples,

    and unfortunately, we don't have any example to show you for something similar to this specific use-case.

    We also don't have any built-in solution to achieve this at this time, 


    but you can suggest it to our developers - they will do their best to make a solution in the future.

    Please feel free to search on our suggestions page

     to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there,  and as more people vote, the feature will move higher on the priority list.

    You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

    and our newsletter, so you're informed about new features, bug fixes, freebies, etc.



    If you have coding skills and wish to try to make a custom solution now,

     you can check our documentation about wpDataCharts callbacks

    Here you can find one custom example for each Chart Engine made by our developers,

    and then you would need to modify it in order to change the chart option you need.

    • 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

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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