Area chart difficulty - help please

rubbuttz · 2025-02-20T18:31:37.106Z

Hi all,

This is my first post so forgive me if I’ve missed anything helpful in making this plea for help.

I am trying to create an area chart that can display multiple series and handle both positive and negative values as they change month by month. The challenge I’m having is finding a plugin solution (as it seems Bubble out of the box is limited) that can handle negative values. I expect to see negative values charted from zero on the y-axis to each respective negative value and conversely positive values plotted from zero on the y-axis to their respective positive values however the closest I can get is an area chart from ZeroQode, but this chart stacks series values on top of each-other OK above zero, and then tries to show negative values as starting from some point south of the smallest value toward the zero on the y-axis which isn’t right. This moves the stacked values out of alignment on the y-axis showing the correct data in the tooltip but incorrect corresponding y value when looking to the axis.

I’m also struggling to get anything but Bubble charts to display values in a currency, seems a number is the ‘go to’ but this can’t be right?

Please could I ask for suggestions on a plugin that can achieve this?

image976×669 36.7 KB

fede.bubble · 2025-02-20T21:17:21.462Z

Hey there! I actually went to Bubble Support Center and gave your question to the support AI bot (trained in all our content) and this is what it said. I feel like it’s pretty helpful:

We understand you’re looking to create an area chart with multiple series and both positive and negative values. Our Chart.js plugin can help you achieve this!

To get started:

Install the Chart.js plugin from our marketplace.

Add the Line/Bar Chart element to your page.

Set the chart type to “Line” and check “Fill the dataset with a color” for an area chart effect.

Configure your data source, value expression, and label expression.

For multiple series, you can add additional data sets in the plugin settings.

To handle negative values, make sure your value expression includes both positive and negative numbers. The chart will automatically adjust to display them.

What do you think?

johnny · 2025-02-20T23:07:26.412Z

Yep! This seems pretty accurate

rubbuttz · 2025-02-21T10:00:13.163Z

Thanks. Are you referring to this plugin?

image735×172 19.1 KB

rubbuttz · 2025-02-23T12:33:00.149Z

Hi, sorry to chase, I’m sure this should be extremely simple but I am struggling. I used the BOT as you did and it implies that charts.js should be available however I only see the options below? I have tried contacting a person at Bubble however in almost 2 days I have only received a holding message. Any help and guidance here would be greatly appreciated. Thanks!

image1000×413 52.5 KB

image1000×1118 161 KB

johnny · 2025-02-24T18:04:27.512Z

Yep! The one by Techblocks