Forum Academy Marketplace Showcase Pricing Features

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

The charts look awesome.
Question. Are there standard distribution charts and waterfall charts?

@pat, for this you should use a grouping by date. You can specify a start and end data for a grouping (which should be the same for all data series incl the category data series). In this case the starting date will be January 1st, and end date will be January 4th. This will cause that all data series have the same length. You can see a grouping demo here (note the ‘do not skip empty groups’ checkbox is checked): Chartpreview | Bubble Editor

1 Like

Hi @john36 ! These two charts are not (yet) supported by the ApexCharts library, but when they get supported I will definitely implement them! :slight_smile:

Thank you so much. Your support is awesome. I had figured this out some time ago but because I was trying so many things out I messed up my searches. With gGrouping in combination with the new feature I get exactly the needed result.

Anyone who wants to use Graphs in Bubble, this is honestly the best plugin and best support ever. thanks again

1 Like

This plug-in looks amazing ! I’m trying to see if I can use a donut chart for my app, but I cannot seem to find how to change the data label color ? With the data label offset, the number is out of the donut but the font color is white, so I can barely see anything…
Also, the data is in pourcentage, any way to show the actual number ?

@marie1 I have just pushed an update (6.29.0 & 6.29.1) to let your change the data label font color!
2021-06-04 om 11.34.12

As displaying percentages as the data label is default behaviour from ApexCharts, I implemented the ‘labels’ options for you to display the normal values in the donut chart like this:


Don’t forget to refresh your editor after upgrading


Hi Thimo,

See chart below. How do I make the line to appear in front of the bar?

Also is it possible to add an option for the zero line colour?


@hello.plannwin The behaviour you are looking for is the default for the line chart. As this mixed chart supports Area and Bar charts, I added the option for you in update 6.30.0 to convert the area series to line series to get the desired result:

Don’t forget to refresh your editor after upgrading

Not really sure if I fully understand your feature request, could you maybe explain a bit more about this feature? :slight_smile:

1 Like

The zero lines is currently just the normal gridline. it’s fine if there’s no negative value. But when there’s a negative value, it would be nice to have a line to separate negative and positive bars.

1 Like


Also look like the pyramid chart can’t handle 0 (null value).

As you can see, the most recent bar where the green bar value (profit) is zero and red bar is $4890. The chart didn’t render correctly. it should just render the red bar as normal as there is a value of $4890.

@hello.plannwin I am unfortunately not able to reproduce this issue. I will send you a PM so we can take a better look! :slight_smile:

@Thimo Thanks for the incredible plugin I’ve been using it for months now and it’s amazing!

I’m just trying to add a new kind of multi series line grarph and struggling with how best to implement it. My use case is that I want to create a line chart with a line for each answer of a survey, linked with the number of responses for that answer.

My problem is that the answers are different for each user and stored in the database, so I’m not sure how best to plot them on the graph, or if it’s even possible. Would be super grateful for any guidance!


@jamesdevonport Maybe a solution could be to loop trough the list of answers and append a new series for every item. I always use the free List Shifter plugin for looping over lists. When appending new series on page load, make sure the chart is loaded (you can use the ‘is loaded’ state of the chart for this) :slight_smile:

Let me know if this points you in the right direction!


Hi. I think this plugin is awesome. It has so many useful feature for my app.
but I have an issue with the MixedChart-Area+Bar chart.


I want to bring the area chart to front of bar chart.
Is it possible?? If not, how can I change opacity of fill color of bar chart?
I don’t know how to put rgba. when I put rgba(255,255,255,1.0) in the color option, it changes to hba automatically.

@yongjun The Area chart is by default at the back, but I did push an update a couple of days ago to let you convert the area series to a line series to bring them to the front (line series is always in front by default). You read more about the update below:

Hopefully this helps! :slight_smile:

1 Like

@Thimo back with another request :slight_smile:

is it possible to allow operators on labels? For example, i want to use the heatmap chart, but my desired label is a number. I’d like to just use number:as text ! It would also be helpful (to me) in places where a piece of data has an id & i want to lookup the relevant name.

Thanks as always!

@andyestridge At this time this is not yet available for the Heatmap chart as the heatmap has a slightly different setup than the other charts. I will have a look for you to see if I can have the Heatmap accepts numbers as-well! :slight_smile:

1 Like

ok! not a huge deal as i can just make a text value for future data entries. Low-priority

Is it possible to give access to the font color on data labels in heat-map chart? It defaults to white right now which is impossible to see on occasion:

@andyestridge I just pushed an update (6.31.0) for you that lets your specify the data label font color for the Heatmap! :slight_smile:

2021-06-16 om 19.41.21

Don’t forget to refresh your editor after upgrading to see the newly added field

1 Like