[New plugin] Beautiful Customizable Charts and Graphs (ApexCharts.js)

@Thimo
The plugin do not appear any data on one of my app even others its work well
I have tried most versions
Inspection
image

Data
image

Hi @banoah22,

The field “series data” and “series category” are empty in your screenshot. This is because you have supplied the comma separated fields which are different fields.

If the chart does not show there is probably something else going on. Just to check, did you already check out the demo page? It contains a lot of examples on how to setup the charts: Fully customizable charts (ApexCharts.js)

Another thing you can check is if the chart and its containers are visible in the page or if the debugger / browser console shows any errors.

@Thimo
I have tried fake data, optional series to know its appear or not.
I have used the plugin before many times its work in others app, the deference thing on this app its the size of rows on database its more than 8k rows,

I see this in console:

@Thimo
lol :sob: , I have found the issue its by this plugin :sob:

Ah yes, this is a known problem with that plugin! That plugin seems to be interfering with other SVG based plugins. Glad you found the cause! :slight_smile:

1 Like

Thanks so much! Brilliant you were able to do this in a few days, great support!

1 Like

Hi, @Thimo! I’m running into an issue annotating scatter charts, whereby a user clicks an icon, then it will render the label, but not the specified range. The chart (and in fact any scatter I create in my app) throws an error (below) on render, which may be related.

Note that in the examples below, i’m using a list of numbers (1-40) as my data source (though I’ve tried several other sources as well with the same result). So for the annotation, the value of item # 30 = 30, and item# 20 = 20.
And within the chart itself, I’ve attempted both with and with out sorting/randomization on the y-axis

Example:

Here’s the JS error that happens on chart render:

The plugin :bar_chart: Apex Chart - 54 Charts & Graphs / element Scatter Chart threw the following error: TypeError: Cannot read properties of null (reading ‘length’)
at eval (PLUGIN_1583351916526x278359543482941440/—Apex-Chart—54-Charts—Graphs-update–Scatter-Chart-.js:3:7180)
at https://difr.me/package/run_debug_js/741c873e95a67b4e51f4ed525d034644f73953b97040bd7b91915c41364a17fc/xfalse/x29/run_debug.js:588:651 (please report this to the plugin author)

@danschlung I don’t think that error you are seeing is related. That seems to be caused by your a data source (a list) that might be empty for a brief moment. Do you know if this could be the case? Not sure what “ListOfNumbers” is, but could that be empty? It should not throw an error, but if it is something custom this might happen.

Small note, it seems like your are sorting your Y-axis values randomly. This will cause your X-axis values to not match up anymore. So you might want to change that.

About the annotations, I should have pushed a fix (6.137.4) for that! :slight_smile:

Hi Thimo,

Great work. I’ve been using the chart plugin and it’s great.

One question : I noted an error in the Simplelistcalculation object. In the results, empty values and zero values are replaced by 1.
Example : [1,1,3,4,0] multiplied by 5 results in [5,5,15,20,1] while the last number should be 0. Do you have same result when you test it?

Thanks

Hi @tech50 apologies for the delayed response! I was able to reproduce this with the multiplication feature for a single number. I should have fixed this in update 6.137.5! :slight_smile:

1 Like

Thanks for this @Thimo - really cool plugin

Qq - I am using Radial charts and was wanting to have text by default (before the user hovers or selects something). Is there any way I can do that?

Thanks :slight_smile:

Hi @Zeroic

You can overlay Bubble elements on top of the charts and use the hover states to hide/show the elements. You can take a look at this demo here: Chartpreview | Bubble Editor :slight_smile:

1 Like

Yeah, I figured but wanted to check if there was a way to configure this in the plugin itself. Thanks mate

1 Like

hi, @Thimo Apologies for the delayed response (I was on vacation :slight_smile: ). Thanks so much for getting back to me!

Just responding to confirm that I’ve just now updated from version 6.137.0 to 6.137.4 and the bug fix you applied resolved my issue. Thanks so much for your quick help :raised_hands:t2:

Hi @Thimo,
I am using your beautiful Gantt chart. My scale is years and months. Your tooltip automatically adds the months/days which is not a good fit for my use case. Is there a way to change to Years/months or not add this information?
Thanks!

Excellent !
No sooner said than done.

Hi @Thimo ,
Thanks for your amazing plugin.
I’m using the “Advanced Gantt / Timeline Chart” and I would like to change the format of the date on the X axis (my clients are mostly french so I would like to show the month in french or in a numerical format like 01/01/2024). Can you help me on this ?
Thanks !

Hi @fred.vavelin!

Are you using the gantt chart provided by my Apex Charts plugin? If so and you upgrade to the latest version you can add localizations options here:

Hi @Thimo, thanks for the quick answer !
Seems like I was using an outdated version, everything is working perfectly fine now.

1 Like

Hi team, I am using Apex chart.

I have a data type called “email.” For each email, there is a “Yes/No” field called “promotional email.”

I want to display the percentage of promotional emails (out of all emails) on daily and weekly graphs (two separate graphs).

Usually, to find the percentage, I simply divide the number of emails with “promotional email” set to “Yes” by the total count of emails.

However, I am not able to do this before grouping the data by day.

Please watch this video for a better explanation= https://www.awesomescreenshot.com/video/30395880?key=9c39f179837127cf2c9fb87750c292ef