[Plugin update 2023] ChartJS - Charts and Graphs (TechBlocks)

Hi @matthew18 thanks for reaching out!

Strange, we can’t reproduce this issue. Can you please try to reproduce this issue on this support page? We’ll take a look at your setup to debug this issue.


Hi @julian15 !

You should be able to customize your own legend using Bubble.io elements. You can see the example on this demo page to see how we’ll set up a custom legend.

Hope that helps–let me know if you have any other questions!

Hi @alex4 - thanks for the reply!

I did some debugging and realised that the issue was occurring on some pages and not others, despite charts having the same setup. This meant the issue was being caused by something on particular pages.

After a bit of trial and error, I realised that pages with “Chart-Scatter/LinewithTime-Series” charts on them were the ones being affected. I’ve reproduced the issue on the support page by simply adding one of these charts and not changing any chart settings. I’m assuming there’s a conflict in the code for the charts.

Please keep me posted on any fixes. Thanks Alex and the team!

Hi @alex4,

I’m trying to build a heatmap using dynamic data. I started off naively thinking I could just "do a search for " and group the data by date… but after too much trial and error I finally spotted the error. The heatmap element requires data to be formatted into this array-size, using “;” (!!!) as the line separator.

I realize the heatmap is listed as beta… but…

a) this need for the “;” was not obvious nor documented anywhere I could find.
b) How do I convert a comma-separated list of numbers into a list with the “;” appearing every Nth time?

much appreciate your thoughts and anyone’s help!!!

1 Like

Hi @alex4 and team - just wanted to follow up on this one and see if there have been any updates on your end to get this bug fixed. Thanks!

1 Like

Hi @matthew18

Thanks for following up. This one has been a bit trickier to fix but we should have something ready within 1 (maybe 2 weeks)!


Hi @chris.sj thanks for reaching out!

a) this need for the “;” was not obvious nor documented anywhere I could find.

We will make this more obvious. Thanks for the feedback

b) How do I convert a comma-separated list of numbers into a list with the “;” appearing every Nth time?

Hmm, have you tried using the find & replace operator in Bubble? You should be able to find “,” and replace with “;”

Thanks @alex4 . I’ll check back in next week to see how the fix is coming along. Appreciate the help in getting this fixed.

hi @alex4 ! The plugin’s been great, though i’ve been struggling with custom tooltips recently.

I have a reusable element for bar/line/area charts that require a specific type of data. It’s used all over my app, and on one specific page I have 3 instances of this reusable.

Because I want the new tooltips to be applied to all instances across the app (and since I can’t access the chart data to define the tooltip values from the page anyways), I set up the custom tooltip groups directly inside the reusable element. Here’s how that looks:

image.png

Each tooltip group has a specific id_attribute that is passed to the corresponding reusable instance as a property that’s mapped to the Custom Tooltip ID.

This seems to work just fine for the first instance on that page:

image.png
→ that’s the expected behavior: the 3 tooltip groups are hidden & only the hovered item’s values are shown

But for some reason, the two other instances are all messed up:

image.png
→ The groups don’t hide as expected (but display the right hovered item’s values) and the tooltip itself appears but only shows data from the first instance.

Any idea what causes this behavior and how to fix it?

Would really appreciate some help

Thanks!

1 Like

Hi @alex4 and team - Just wanted to see if there’s a fix for this issue yet?

It is causing poor UI on our end, so appreciate any help or update you can provide. Thanks.

Hey @alex4 I have been using your plugin… Can we deploy a graph just like this using your plugin?

Hi ChartJS team - great plugin!
Can’t figure out how to add more than 6 series to a line chart using the add/update a data series workflow. Would appreciate any tips!

I’m unable to get the annotations to work. I’ve pretty much copied your example and I still can’t get it right.

The chart in a reusable which is an RG which is inside a reusable… could that have anything to do with it? Unable to add annotation to chart in reusable inside rg | Loom


ps: there are children starving out there and somehow you’re still creating Bubble pages in the old engine :exploding_head::melting_face:

Hi @rico.trevisan good to hear from you!

The chart in a reusable which is an RG which is inside a reusable… could that have anything to do with it? Unable to add annotation to chart in reusable inside rg | Loom

Thanks for the video. We’ll take a look and let you know what we find. Will keep you posted.


Hi @sara1 , thanks for reaching out and for the kind words about the plugin!

Can’t figure out how to add more than 6 series to a line chart using the add/update a data series workflow. Would appreciate any tips!

In order to add more than 6 series to a line chart, you can add new series via workflow actions. See this demo page as an example:


Hi @alex4 and team - Just wanted to see if there’s a fix for this issue yet?

Apologies for the slower reply here, @matthew18 . We should have a fix this week. Thanks for the follow up!

Hey folks, we’ve pushed an update to the demo page–please take a look and let us know if you have any questions!

Hi folks, we’ve pushed an update in v5.0.16 that enables users to customize the number of characters in a data label prior before the label starts a new line (helpful for longer labels) for Pie/Donut charts. Here’s the new property:

image

Thanks to the folks who have requested this feature! We’ll be adding this to other chart types soon :slight_smile:

Happy Bubbling!

1 Like

Hi everyone, we pushed an update in v5.0.47 that fixes an issue causing radar chart colors to occasionally appear incorrectly. Please let us know if you have any questions!

Hi @alex4 - Just following up which version has the fix for this issue. Very keen to update my app to resolve this. Thanks!

Hey @matthew18 thanks for following up!

We’ve pushed a fix in v5.0.63 that should fix this issue. Please upgrade and let us know if it’s working properly on your end!

How do you add additional series when the series are not known in advance?

In the example, say we want to graph revenue per product line. However, the number of product lines changes and is not known in advance.

If there are 7 product lines, I want the graph to populate the data for 7 product line when the page loads.

Hey @alex4 - thanks for clarifying! I’ve updated the plugin, and everything looks good on my end now.

Thanks for sorting this out. It is much appreciated. Keep up the fantastic work!

@matthew18 Thanks for sorting this out. It is much appreciated. Keep up the fantastic work!

Great to hear! Let us know if you have any other feedback or questions!