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

Showcase Plugins
636

@li1 thanks for the kind words! This isn’t yet supported although it’s definitely on my backlog. Will keep you posted as I evaluate the cost of building something like this!

@a.alighanbari thanks for reaching back out!

I noticed that for some of the charts the line colour for X=0 and Y=0 does not show up or is not the chosen colour, I’m wondering if this is due to Bubble upgrading the colour palette, I then updated the plug-in to version 4.38.59 and those charts, like scatter, failed to even show up.

Which charts that are giving you trouble? I am not able to reproduce on my end but I can take a look!

@connor2 thanks for reaching out and sharing your feature request!

Is it possible to use Chart JS for rendering confidence intervals?

Currently, this isn’t possible, but I can add this to my backlog. Are you primarily looking to add a line chart with a certain percentage buffer for each data point on the line?

@marcosmadantunes01

I would like to know if there’s some setting to disable the hover effect which displays the name and value of single data points. I’m using the bar chart.

Yes, to disable tooltips, enter “Do not show” for the Tooltip HTML id field:

image
image691×745 56.9 KB

637

Hey @alex4 no problem! There are two that are failing to show up for me on version 4.38.59; Chart Scatter Point and Chart Bar/Line, the Boxplot however, does show. They do however show up when switching to the latest version 4.38.61 but the line colours then become a problem.

Many thanks in advance.

638

Yep, that would work perfectly

Any idea of timeline? Trying to figure out if I can start my project in Bubble or not

639

Small bug report: Chart JS is not playing nice with the appFont property. I’m on version 4.38.61.

CleanShot 2022-09-30 at 18.03.57@2x
CleanShot 2022-09-30 at 18.03.57@2x2380×1056 155 KB

1 Like
640

I have a bug to report for Chart/Mixed/Line/Area:

The labels that show on hover are displacing wrong values when you plot negative bars.

In these two images, the purple and orange bars should be the same magnitude (the length of the bars is showing correctly and the underlying data is correct, I’ve checked) but for some reason, the data labels show a more negative value for the orange (of varying error magnitude for different years).

If I plot the orange bars as positive, the error disappears.
Could you please assist?

(I’ve updated the plugin to the latest version but the bug persists. This also used to work fine before)

Screenshot 2022-10-04 at 09.54.00
Screenshot 2022-10-04 at 09.54.002322×638 87.7 KB

Screenshot 2022-10-04 at 09.53.53
Screenshot 2022-10-04 at 09.53.532306×608 88.6 KB

2 Likes
641

Hey @fb455 ! Thanks for reporting that issue.

I’ve pushed an update to v4.38.63 and v4.38.64 that should fix the issue with negative values.

Please take a look and let me know if you’re still spotting issues with it!

Best,
Alex

Hey @rico.trevisan – thanks for reporting that issue! appFont properties are a relatively new feature from Bubble and I’ll be working to make the plugin take in that appFont property more elegantly. Keep you posted on when I release the fix.

1 Like
642

Thanks Alex, this looks to have fixed the issue.

1 Like
643

Great to hear @fb455 , let me know if you have any other feedback!

644

Hi Alex, just a thought. It would be great if we could have the option for a second colour on the same series, if the data is negative. For example, I have the following chart that plots the same series, where some of the data points are negative numbers. It would be visually easier if they were a different colour.

Screenshot 2022-10-09 at 12.10.06 PM
Screenshot 2022-10-09 at 12.10.06 PM879×287 36.3 KB

Thanks for the work!

645

I would LOVE to be able to change the Series fill colour on bar charts in addition to the Series colour. (like you can with the default Bubble charts.)

I still use the default Bubble plugin for some charts purely because your plugin does not have this feature.

646

Hey @fb455 good to hear from you again!

I would LOVE to be able to change the Series fill colour on bar charts in addition to the Series colour. (like you can with the default Bubble charts.)

Could you elaborate on this request? Currently, you can customize the series colors on the Bar Charts; what would you like to customize in addition to that?

Hey @a.alighanbari thanks for the request here!

Hi Alex, just a thought. It would be great if we could have the option for a second colour on the same series, if the data is negative. For example, I have the following chart that plots the same series, where some of the data points are negative numbers. It would be visually easier if they were a different colour.

Makes sense. I’ll look into this request and will let you know if I’m able to build this one out!

647

See this image. In the default plugin, you can set both the outline colour (dark blue) and the fill colour (light blue). I’d love to be able to do the same with your plugin (at the moment these are both the same colour).

Screenshot 2022-10-10 at 10.30.51
Screenshot 2022-10-10 at 10.30.51810×394 6.08 KB

1 Like
648

Agree. More colour flexibility in general inc. gradients and patterns.

1 Like
649

Hey @fb455 and @a.alighanbari thanks for the feature requests here!

Agree. More colour flexibility in general inc. gradients and patterns.

I just pushed an update in v4.38.67 and v4.38.68 allowing you to add a Bar chart with gradient via workflow actions.

See this image. In the default plugin, you can set both the outline colour (dark blue) and the fill colour (light blue). I’d love to be able to do the same with your plugin (at the moment these are both the same colour).

I’ll be adding the ability to customize the bar chart outline color and width soon! Stay tuned.

Let me know if you have any feedback, as always!

1 Like
650

Hey @alex4 found a couple of minor bugs on the Bar/Line chart.

For Series 3 and beyond, both the series and the data labels background are not the chosen colour.

Also, when selecting colour opaqueness for data label background, the font for the data label will fade also along, i.e., if 0% the data label and respective figures will disappear.

Finally, the labels for negative numbers fail to show.

651

Hi @alex4 ,

Great plugin, thank you! Please could you look at the below minor updates:

  • Making the Y axis ID dynamic (I know this can be done via conditionals, but it’s quite workaround)

  • Making the Chart Type dynamic as well (I’m using conditionals for this too at the moment)

  • Add the export option as well? Maybe PNG, SVG, CSV

  • Add an action to refresh the chart. I’ve tried using the add/update action and it doesn’t do the same. Reason for this is when I make changes to my series data, it doesn’t update properly on the chart, but if I refresh the whole page, then it shows up fine. Therefore, I’d just like to be able to refresh the chart, not the whole page.

Many thanks,
Miles

652

Hi Alex, I love using your plugin, tx!

Feature request :
Could you add the “span gaps” option on the mixed bar/line chart ? (preferred)
OR
Add a “Y axis A” and “Y axis B” on the bar/line chart ?

User case: On the mixed bar/line chart I am building, I track the number of revisions on a text document and the size (in bytes) of that document. That data is grouped by day (and month on a second graph). On dates that have no revisions, the bar “number of revisions” drops to zero (normal) but the line “size of the document” also drops to zero, which is inaccurate because the size of the document remains unchanged when no revision happen.

I would compromise for the line/bar chart option where the “span gaps” feature exists, but I need two Y axis, namely “number of revisions” on the Y axis A, and “page size in bytes” on the Y axis B. Thank you for letting me know if this is something you could implement, or if I need to find another way to work around this issue.

653

Hey @a.alighanbari thanks for reporting those items you’re running into.

Finally, the labels for negative numbers fail to show.

For the two below, I wasn’t able to reproduce them. Would you mind PMing me a demo editor link?

For Series 3 and beyond, both the series and the data labels background are not the chosen colour.

Also, when selecting colour opaqueness for data label background, the font for the data label will fade also along, i.e., if 0% the data label and respective figures will disappear.

Hey @avolaunch thanks for reaching out and good to see you using the plugin!

Making the Chart Type dynamic as well (I’m using conditionals for this too at the moment)

Which chart type are you referring to? Bar/Line/Area, Mixed Charts, or another one?

Add the export option as well? Maybe PNG, SVG, CSV

Unfortunately, I don’t have this added this to the plugin at the moment but you can use the Group to Image plugin to capture a PNG, JPG of the chart for now in case that’s helpful.

Add an action to refresh the chart. I’ve tried using the add/update action and it doesn’t do the same. Reason for this is when I make changes to my series data, it doesn’t update properly on the chart, but if I refresh the whole page, then it shows up fine. Therefore, I’d just like to be able to refresh the chart, not the whole page.

Hmm… the chart data should be updating automatically when values change–could you PM me a link to your editor so I can take a look at your implementation?

Cheers

Hey @xv23 thanks for the feature request here!

Could you add the “span gaps” option on the mixed bar/line chart ? (preferred)

I just pushed an update in v4.38.77 for Mixed Charts allowing you to set span gaps for Line Chart types within a Mixed Chart. Hopefully that’s helpful for you! (Don’t forget to refresh your Bubble editor after you upgrade the plugin)

654

Hey @alex4 . Thanks for the prompt reply. Will PM regarding chart refresh.

656

Hi @alex4 . I am new to using this plugin. My question is straightforward, is it possible to add the axis titles to a line graph like in the image below? Thank you in advance for your help.
graph