Forum Academy Marketplace Showcase Pricing Features

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

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:

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:

Hi @Thimo

Ok thanks for confirming.

How about the area chart fill colour (not the tooltip) which is currently just a solid colour. Could you add a gradient to it?

@andrew.mcdonagh the ‘line chart’ does support the gradient color for the stroke of the chart. I will take a look if the Area chart also supports this!

1 Like

Great, many thanks @Thimo!

Hi @Thimo,

Just noticed an odd behaviour with the Donut chart.

If the ‘Section border Color’ is set to be 100% transparent, then the border disappears as if the Border Width was set to zero.

Is this expected behaviour?

Eg - with colour transparency set to Zero
Screenshot 2021-01-05 at 12.20.39
Screenshot 2021-01-05 at 12.21.00

Eg with colour transparency set to 100%
Screenshot 2021-01-05 at 12.20.09 Screenshot 2021-01-05 at 12.20.28

regards
Andrew

Hi @andrew.mcdonagh ,

Are you sure this is my chart plugin? I don’t recognize these particular setting names. In my chart plugin (donut) these settings look like this:

1 Like