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

Update 5.6.0

Added the option to specify the vertical offset for the X-axis labels!

Hi @Thimo, your plugin looks very sexy. Looking fwd to using it.

Question, can your line or area charts currently support a secondary Y-axis (two different sets of Y-axis data with two different scales) ? I looked for it in the your demo editor but didn’t see anything about secondary Y-axis. If not, any plan to add it in the short term?

Thanks in advance and have a great night/day.

Hi @kl1!

I have looked into adding support for multiple Y-axis, but it was way more complex than I initially thought. I will definitely see if there is something I have missed to maybe implement this in future updates :slight_smile:

@Thimo is there a way to make your Label text box wider? I have very long label names on my Y axis (i.e. questions - “Letting go of production-oriented work to lead others”) - these questions are then scored 1-5.

the problem I’m running into, is I can’t find a way to get the text width wide enough to accommodate my long data label.

Any thoughts? Thanks!

@tracy.colin.smith I will look into if I can provide the option to manually adjust the size of this text box! :slight_smile: Maybe you could find a way to use a shorter text for now.

Hi @Thimo this plugin is beautiful – and one I’ve been hoping for for a long time, thank you!
Question re: Scatterchart. I know you’ve said that the tooltip doesn’t currently support being able to include the name for that data point (not the series) in the tooltip. Do you know of workarounds that others use to display details from the database about a selected item?

1 Like

Hi @p11, great to hear that you are enjoying the plugin! If I understand you correctly, you want to show other data on the tooltip regarding a certain data point. This is at the moment not possible, but I am looking into the possibility of letting you specify custom tooltips using Bubble elements. Hopefully I can include that in future updates for you! :slight_smile:

Thanks so much @Thimo – exactly right. As a workaround, what I am trying to do is to select a scatterpoint data point and then use a workflow to say refresh a specific group or repeating group with that data point’s details.

Hey @Thimo ,

loving the experience on this plugin so far. some users (I believe using internet explorer) cant load the charts. Is this is a bug?

Hi @amna I will send you a PM so we can take a better look :slight_smile:

Update 5.7.0

1 - Improved label width (X-axis).

2 - Added min and max X-axis properties for the candlestick chart.

3 - Added the possibility to use a Bubble group as a custom tooltip for all charts (except radar). This allows in combination with the hover states for full customised tooltips! I also added more hover state properties to show on the custom tooltip.

4 Likes

Thank you @Thimo for the fast response. Looking fwd to you finding a way to add multiple y-axis.

Cheers.

Hey @thimo, I must be missing something, but my treemap just doesn’t render. I have the correct data formats and am using the same grouping for both axes and no errors are shown by Bubble; but it still doesn’t appear.

I’ve confirmed using a repeating group that the expression I’m using is accurate too.

Any help is greatly appreciated!!

I will send you a PM so we can take a better look at the problem you are having!

The addition of custom tooltips is a huge deal for me, thank you, Thimo! I was wondering if anyone has an example of that in a public editor? I’d love to see how the workflows get triggered based on hovering of a Data Point. Thank you!

@p11 Yes there is! https://bubble.io/page?type=page&name=chart&id=pluginpreview&tab=tabs-1 You can see a demo at the bottom of the ‘light mode’ section of the editor. You can see the field to add the group ID at the bottom of the chart properties.

Couple things to keep in mind: Make sure that the custom bubble group is visible (you can hide it behind a group for example). Also make sure that it is somewhat close to the chart (in the same group for example) :slight_smile:

2 Likes

I need to display an organizational chart, but no plugin gives me that option.

Update 6.0.0 - New chart!

I have added the Bubble chart! This chart supports multiple data series and you can append unlimited more via workflows. You can see the demo page to see it in action:

ezgif-7-ba12fadcc77e

1 Like

Hi @Thimo,

Thanks for the latest updates.

Is there a way to get a gradient fill in the area chart, so that I can implement this kind of design:

chart
Thanks

Hi @andrew.mcdonagh,

A specific gradient fill around a certain point like in your example is unfortunately not possible, but you can get very close replicating that design with the plugin :slight_smile: