Forum Academy Marketplace Showcase Pricing Features

[Plugin Update: 2021] TechBlocks Charts and Graphs (Chart.js)

@alex4 Thanks for the quick action to release a new version. I’ve updated to v4.38.14 and this does bring back my Scatter charts when a page first loads. However, in my use case, I place charts in Popup elements and this seems to still have an issue:

The first time I open a popup, the scatter charts load properly. If I then close the popup and re-open it, all charts (not just scatter charts) disappear:

First time popup is opened:

Second time popup is opened:

Any tips on how to resolve this?

UPDATE:
It looks like the disappearance of all charts when a popup is open/closed/re-open might not be related to today’s fix for scatter charts. Prior to today I was running v4.34.3 of the plugin and playing around with different versions it looks like the disappearing charts behaviour outlined above was introduced with v4.38.0 (in other words, the behaviour was fine in v4.37.2 and issues arise if I use v4.38.0 or later). Anything I can do to help troubleshoot this as I’m not seeing any errors in debug mode or in the Google Chrome console.

Thank you, Alex! It works!

@aanderson and @mikhireva.valeriia you’re welcome. Don’t hesitate with any other requests!

@Kent thanks for letting me know. Are you on the new responsive engine? If not, you’ll need to upgrade to the latest responsive engine on your pages when using 4.38.0 or greater (this is another Bubble platform limitation). This is the response I got from the Bubble support team:

@alex4 I am not using the responsive engine in any way within my app. I was planning to wait until Bubble moved the responsive feature out of beta before converting any pages/elements. Is there a way for me to make sure I am not using the responsive engine anywhere?

In case you didn’t see my update to my previous post, here is some additional information about the disappearing charts issue I’m seeing:

It looks like the disappearance of all charts when a popup is open/closed/re-open might not be related to today’s fix for scatter charts. Prior to today I was running v4.34.3 of the plugin and playing around with different versions it looks like the disappearing charts behaviour outlined above was introduced with v4.38.0 (in other words, the behaviour was fine in v4.37.2 and issues arise if I use v4.38.0 or later). Anything I can do to help troubleshoot this as I’m not seeing any errors in debug mode or in the Google Chrome console.

@alex4 I just re-read your prior message and I think I misinterpreted what you said when I first replied. Are you saying that in order to use the Charts JS plugin (at least the version that fixes this critical scatter charts issue) we have to be using the new Bubble responsive engine? I really hope that isn’t the case because that feature is still in beta. Can you please clarify?

Given the huge undertaking involved to update my app to the new responsive engine, and the possibility that some of the other plugins I use are not yet upgraded to work with the new responsive engine, is there any possibility that you could push out an update to v4.37.2 (i.e. the last version of the plugin before implementing the new responsive engine) of the plugin that fixes the scatter chart issue?

1 Like

Hi @Kent and @waxnation thanks for the context here. I totally understand that this isn’t an ideal situation! For that reason, I’ve just pushed a one-time reverted version v4.38.16 called “Old Responsive Engine - Fix for Scatter Chart Loading Issue”. Hope that helps!

Moving forward, I am hoping to maintain the plugin on Bubble’s new responsive plugin API. I find it unfortunate that Bubble’s old responsive engine isn’t forwards compatible with the new plugin API, but based on Bubble’s email communication to plugin authors, they’ll be completing their beta phase for their responsive engine by end of June and defaulting new apps to the new responsive engine.

Don’t hesitate to let me know if you have any more feedback or questions! More than happy to help.

Cheers,
Alex

1 Like

Many thanks @alex4! Everything seems to be back in working order now for me. I really appreciate you “going above and beyond” with your support to accommodate those of us that are waiting for the new Bubble responsive engine to come out of beta before upgrading our apps. I’m disappointed that Bubble hasn’t come up with a more elegant way for plugins to be upgraded, but hopefully this is a one-time transition.

1 Like

Hi @alex4 any news on this? I updated the plugin to the latest release but the error is persistent.

I just ran the debbuger on your dashboard demo and can confirm that your charts are having the exact same problem.

In the profit chart, for '09 the first data is supposed to be 2.5 according to the data source but on chart tooltip shows 3.5, same thing happens on any value with a decimal equal or above 0.5

@resende.pp how do you create a custom label, I know how to create a custom tooltip but labels? Thanks in advance!

Hi @alex4,

I’m having an issue with the 100% Stacked bar chart. The overall count is correct, and categories are correct, but it’s not associating the data between them correctly. I’ve updated to the latest release in case this is a release issue. I based the chart setup on what you have in the demo page.

I’m getting this:

When I should be getting this (from Excel)

The only difference is that the field I’m using for category grouping is an extended value from the user table.

I have the following data:
• 1 Red for Adele Vance
• 1 Red for Lisa Bowen
• 1 Green for Lisa Bowen
• 1 Yellow for Johanna
• 1 Yellow for Treb

I’ve set up my Project table to have a Project Owner that is a User.

I have my X axis setup as follows, doing a Search for Projects and then doing the extended query to get the Full Name from the User table.
image

Each series is set up as follows. I’ve tried duplicating the same exact query as above but getting the count and I get the same results, which are incorrect.

Questions:

  1. Is the reference to the User table supported?
  2. Is my setup correct?
  3. Is there something else going on here that’s not obvious, that’s preventing the correct matching?

Thanks!
–Treb

Hello, @alex4 !
Can you help me please with 3 questions?
I’m trying to make two parallel graphs: Chart-Scatter/Point and Bar chart.
Timeline is different: 1 day, 7 days, etc.
Time has format UNIX timestamp in milliseconds.

  1. How can I customize the view of “Chart-Scatter/Point A’s Hovered Item X Value (Date)”? Now it looks not very readable and it has no opportunity to format it (see attachted printscreen)

  1. Is it possible to synchronize crosshairs between scatter/point and bar charts? I haven’t found this opportunity for bar chart (see screen above)
  2. When I make graph for 1 day, the time at X axis doesn’t match with time in tooltip (hovered item X value (date)). And I can’t understand why and how can I fix it (sceen 2).

Thank you in advance for your reply!

@alex4 can you help to understand what’s happening after plugin updates?

X Axis, Series 1 - Y axis, Series 2 - Y axis, Series 3 - Y axis is gone, and can’t be added back

@Kent thanks for the kind feedback, great to hear that you’ve appreciated the plugin and support so far :slight_smile:


@aestela thanks for the follow up! This one is definitely on my radar and is on the top of my priority list! I should have an answer for you by the end of the week (hopefully sooner).


@treb.gatte I suspect that there might be some empty values returned from your dynamic search, causing the data to be misaligned. Could you copy and paste all of your series dynamic expressions into a text element below the chart, hit “run” so they evaluate on the page, and PM me a screenshot?


@mikhireva.valeriia I’ll PM you about this one!

1 Like

@alex4 , Como consigo classificar em Maior por Menor? segue Gráfico:

@aestela and @resende.pp – FYI I’ve pushed an update in v4.38.20 (for pages on old responsive engine) and v4.38.21 (for pages on new responsive engine) that addresses the rounding issues for Bar/Line/Mixed Charts.

Please take a look and let me know if you have any questions or spot any issues!


@dipaivabrito bom dia! Eu sinto muito, o meu portugues nao e muito bom. voce fala ingles?

Thanks Alex4, Im gonna test the new update and give you a feedback!

1 Like

@alex4 I upgraded to the latest (old responsive) plugin version a few days ago to resolve the scatter chart issue. Everything has been working well other than one little bug that I’m hoping you can look into. For one of my scatter charts, I have a checkbox that previously allowed the user to control whether data labels were displayed. Essentially this was an on/off toggle. The way I got the setting to work was by setting the “Show Data Labels?” field of the scatter chart series equal to the value of the checkbox (see screenshot):

Prior to upgrading my plugin version a few days ago, this set up worked flawlessly, allowing my users to toggle the chart data labels on/off by checking/unchecking the checkbox element. After updating to the newer version of the plugin, it seems to have broken the dynamic link between the checkbox value and the “Show Data Labels?” field of the chart data series. It seems it only checks the checkbox value on load rather than each time it changes.

I noticed that you rolled out a new plugin version this morning (v4.38.20) so I tried upgrading to that but the same issue remains. Any chance this is a quick fix that could be implemented to bring the functionality back in line with how it worked previously (e.g. v.4.34.3)?

Thanks as always,
Kent

Thanks @alex4 that seems to have solved the issue!

1 Like

Sent PM.

Hi, I think I have a potential bug to report. Using version 4.38.21

Graph does not read Series B data labels and only reads Series A data labels for mixed charts. I have a mixed line and bar chart. Series A is a Bar and Series B is a Line. Series A is mapped to “A” and Series B is mapped to “B” however when i use the input for “A” Labels - Unit After and enter in “days” it shows up for both series A and B. If i enter a value for Label B it does not read it. You can see on the screenshots that there should be a data label A that shows “days” and data label B on the graph should display “reminders” but the only display on the graph is Label A of “days” and its repeated twice for both values.

bug view 1.1


bug view 2