:Bar_chart: ApexCharts - 20 customisable charts plugin By Zeroqode

[Ilinca]

This plugin provides 20 customizable charts that help you to create beautiful and interactive visualizations for the app. The plugin elements are optimized and developed with many useful options. Each element has a variety of actions and events that allows the creation of user-friendly functionality. Plugin provides customization for the Background grid color, Zoom selection color/opacity/stroke, Summed data tables on the stacked chart, 2nd Y-Axis color/border/title. Line color/opacity/curveness, label size/color/position and many others.

Support Charts:

Line Chart

Area Chart

Bar Chart

Mixed Chart (Line/Area/Bar)

Boxplot Chart

Candlestick Chart

Timeline Chart

Range Area Chart

Heatmap Chart

Treemap Chart

Pie/Donut Chart

Radar Chart

Radial Chart

Bubble Chart

Scutter Chart

Polar Chart

Waterfall Chart

Funnel 1D Chart

Funnel 2D Chart

Sankey Chart

We sincerely aim to develop the plugin to be clear and optimized for your convenience. We are currently in the process of preparing the documentation, which will be made available soon. Should you require any assistance or have any questions, please do not hesitate to contact us. We are more than happy to help you.

Live demo: https://zeroqode-demo-28.bubbleapps.io/apexcharts

Docs in progress: Docs for Apex Charts

SUPERCHARGE YOUR APP WITH ZEROQODE PLUGINS
No-Code App Plugins for Bubble | Zeroqode

Ilinca-Andreea Ceban
Executive assistant @ Zeroqode

165+ Bubble Templates
35+ Bubble Courses
300+ Bubble Plugins
Convert Bubble app to iOS & Android
No-code Development Services

[Ilinca]

Our docs are ready
See them here: ApexCharts

[ian3]

Hello, I need some help with creating charts.

The charts I need to create are all displaying time data from a Date Interval field type in my data base.

The data is a list of a Time Entries.

So for example, if I want to create a pie chart that shows the cumulative hours of 5 employees…

Then the employee names would be the “Label” and the data is the sum of time entries for each employee.

If I just use the list of time entries, then the problem is that an employee “Mike” appears in the pie chart each time he appears in the list.

I can group my data by employee though - So that all time entries for “Mike” are grouped together…

HOWEVER - I can’t figure out how to “Sum” the groups “Elapsed Time” (which is a date interval) - Bubble doesn’t seem to allow this.

In this screenshot you can see that the only field available for sum is “Revision Round” because it’s a number type.

You can’t sum date intervals.

Any idea how I can display time data?

[Stephan]

Hello @ian3,

Thanks for reaching out to us.

To answer your questions, we must first understand how the plugin works. The “Series data” and “Series data label” are default Bubble fields that expect a list of numbers or a list of texts for the categories. They are basically arrays (e.g., series1: [a1, a2, a3…], categories: [c1, c2, c3…]), and the plugin uses this data to display it on the charts.

Regarding the :sum operation built into Bubble, first make sure that the field type is of type ‘number’. Then you can add :sum to the end of that search, and it will sum up all those fields together. You can also find more detailed information in the Bubble manual(Operators and comparisons | Bubble Docs) or threads from the Bubble forum discussing that.

Hope this information proves helpful. Please let me know if you have any other questions or inquiries regarding our plugins.

Thanks again, and I wish you a great weekend ahead!

Best regards,
Stefan

[droxer]

Hi All - Can you do some updates on the below

https://zeroqode-demo-28.bubbleapps.io/apexcharts – This link is not working
Documentations are leading to wrong links - https://app.asana.com/-/login?u=%2F0%2F1203027333705008%2F1204504324810649

The documentation in the bubble plugin leading to a notion site, which looks like the official one - CAN you add “Chart Pictures” to each tutorial, so its worth knowing what is this chart

Finally is it possible to make the below chart ?

[Mishel]

Hi Bubblers!

Exciting news! This plugin has gotten a major upgrade and a new name:

New Name: Air Chart Pro: 182 Premium Charts
(previously 20+ Charts)

We’ve expanded our chart collection and added powerful new customization options!

Updated Links:

• Plugin: Air Chart Pro: 182 Premium Charts
• Demo Preview: Demo
• Documentation: Air Chart Pro: 182 Premium Charts

Love charts? Also check out our: Apex Chart - 54 Performance Charts

Perfect for real-time dashboards and interactive data visualization!

• Demo: https://chartpreview.bubbleapps.io/

Both plugins are actively maintained and receiving regular updates!

Happy building!
Mishel Arzamastseva
Executive Assistant @ Zeroqode

[timmarcie]

Hello,

I’ve been using this plugin and love it.

Would you be kind to consider adding 2 functionalities:

• Mixed Line / plots chart.
• For the Range chart, add the “Replace Zero with null (Y-Axis)” option and the auto format big numbers option.

Many thanks!

Tim

[egor.smorodinov]

Dear @timmarcie ,

Thank you for your feedback and kind words about the plugin! We appreciate your suggestions. To better assist you, could you please confirm if you are using the "Air Chart Pro: 182 Premium Charts" plugin? This will help us evaluate the feasibility of adding the requested functionalities: a Mixed Line / Plots chart and, for the Range chart, the “Replace Zero with null (Y-Axis)” option along with the auto format big numbers option.

Looking forward to your response.

Best regards,
Support Team
Browse all Zeroqode Plugins for bubble

[timmarcie]

Oupss… No sorry, I’m referring to the plugin " Apex Chart - 54 Charts & Graphs".

Templates for Bubble

[egor.smorodinov]

Hello again @timmarcie,

Thank you for the clarification!
Could you please confirm whether you mean a scatter plot combined with a line chart?

Also, I noticed that some of our charts have the “replace null with 0” setting enabled. Are you sure you want to replace 0 with null instead? This change could cause some values to disappear entirely from your chart.

Once I have this information, I’ll pass it along to our dev team for review.

Best regards,
Support Team
Browse all Zeroqode Plugins for bubble

[timmarcie]

Hello,

1. Correct. Line chart + scatter plot.

=>For exemple, the line chart could connect all average plots per X value.

2. On some charts, it looks better to have no value rather than a line that goes to zero every time there is no value. Range chart does not feature that option.

Thanks!
Tim

[constantin.raicovici]

Hi @timmarcie ,

Thanks a lot for the clear follow-up and the example - that helps

Here’s how we’ll capture your request for our devs:

1. Mixed Line + Scatter on the same X-axis, where the scatter shows individual points and the line connects an average per X value.
   – Quick check: will you compute the per-X average in Bubble and pass it as a separate series, or would you prefer the plugin to compute that average from the scatter points automatically?
2. Range chart option: treat 0 as null so the series shows a gap (no line down to zero).
   – Should those zero→null points also be excluded from tooltips/data labels and any internal aggregations?
3. Auto-format big numbers (e.g. axis/tooltip values like 1.2k, 3.4M).
   – Would a simple toggle (short scale on/off) meet your needs, or do you also need locale-aware separators?

Interim workaround: if you need this today, you can stack two synced charts (a Line chart for the averages + a Scatter chart for the raw points) and align their categories so they read as one visualization.

Once we have your confirmations on the above, we’ll pass everything to our dev team for consideration and keep you posted.

Best regards,
Support Team
Browse all Zeroqode Plugins for bubble

[timmarcie]

Hello, Thanks for the swift feedback.

1. Yes, I would compute all averages plots with Bubble.

2. I’m not too concerned what the tooltip and data labels show as long as the chart line/range does not show data.

Here is with a Line Chart (works well):

Here is the same data with Range Chart (line goes to zero):

3. This option already exists on other charts (Line Chart for exemple). I would assume it’d be easy to implement on the range chart as well. This is clearly not the priority as there are easy work arounds

Interim Workaround: This is interesting. Could you walk me through it or point me at the documentation? I did not know it was possible.

Thanks!

[constantin.raicovici]

Hi again @timmarcie ,

Got it - thanks for confirming.

We’ve logged:

• Mixed Line + Scatter (you’ll pass the pre-computed averages as a separate line series).
• Range chart: toggle to treat 0 as null so gaps render instead of dropping to zero.

Quick note and apologies for the confusion earlier: the idea to overlay two charts (Scatter under Line, same X categories) is more of a hack and can be unreliable from a UI/UX perspective (alignment drift on resize, competing tooltips, padding/animation mismatches).

We’ll update you as soon as we have the devs’ response.

Best regards,
Support Team
Browse all Zeroqode Plugins for bubble