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

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)

Thanks Alex, your efficiency is a relief, the span gaps on mixed charts works like a charm!

1 Like

Hi @william4 thanks for reaching out with that question!

You can add axis titles for the chart using standard Bubble elements. Feel free to check out the demo editor page below to see how I’ve implemented this! (You can see where I’ve added the text for “Vertical Axis” and “Horizontal Axis”

Does that help?

Alex

1 Like

I am trying to use the multi-colored series. I can’t get the colors on hover to work correctly. I noticed your example has the same issue. The first data point in a series seems to work fine, but the rest simply transition to black. Please see the below from your example. Thank you for any help!
Screen Recording 2022-11-03 at 1.02.42 PM

Hi @alex4

Thanks for the great plugin. When using the workflow action to “Add/update data series”, the series values are static and do not update when there is a change in the database. Is it possible to enable the data series to update automatically when there is a database change?
The reason I am using the workflow is because my app requires more than 6 data series which is a limit in the property inspector.

Hey Alex, just wondering if you managed to find a solution for the labels for negative numbers, and the label colour issue specifically when having a third series? Many thanks in advance.

Hi @alex4,

I’m having some trouble getting the donut charts to load every time I load the page. Happens sometimes, sometimes not. What could be the problem?

Hi @alex4 I’ve noticed that some charts I was using to display averages no longer work once I updated plugin.

My code was as follows:

Hi @alex4 , hoping this one will be simple.

How do I get my x-axis labels to wrap onto new lines?

Currently they are spilling into the series on either side, making them unreadable. I’m on 4.38.79, the most recent old responsive engine version.

Thanks,

Ilan

Hi @alex4, would love to get some help on creating magic quadrants! I saw the linked resource for someone who asked the same question, but am struggling to figure out which graph I should use to set one up and label each quadrant. I don’t see a chart element labeled “magic quadrant” so I assume I have to create one using one using a different chart element? Thank you!

Is there a way to change the line style of each series on a line graph independantly? I would like to have a dashed line to show a target condition, and a solid line to show the actual values.

Hello Alex, I just purchased your plugin and need support. I emailed you yesterday with the details. I am on a time crunch and really need to get this issue resolved to move forward. Thank You in Advance

Hi!

I have an issue here regarding dynamic data. I have a database like this:

I’m going to sum the values for each month, but I wanna a chart like this:

Not like this:

i.e. I need to consider month who are not in my database.

Could you help me?

Hello @alex4

Having a hard time getting the Corner Radius (Roundness) to work for the Bar/Line chart graph element. Saw your demo: Techblocksco | Bubble Editor and it seems that on the demo page it works.
But unfortunately I’m not getting same result in my app.

I’m setting like a value [15] in the element settings

And the result on page preview:

As you can see the graph is not rounded at all. Also tried other values like 0.5; 0.8 up to 50 nothing changes.

I’m on the latest version:

Also the page is on New Responsive Engine where the plugin is placed.
If you can look into this, hope for your help on this one.
Thank you kindly.

Hi there,
Im trying to use your charts plugin, but when im trying to use dynamic data, that what i get:
image
While the value is :
image

What should I do?

What happens if you go away? How are we guaranteed to be able to continue to use the plugin?

@fp1 thanks for reaching out. Your current dynamic search doesn’t return zero’s for the months that don’t have values. You can try creating a RepeatingGroups with inputs that calculate each month’s $value and (where you will have zero’s for the empty months) and use the Advanced List Calculator / RepeatingGroup to Chart element in the plugin to pull those calculated values out of the chart so it can go into the plugin.

Let me know how that works for you!

Hi @bryan.holmes thanks for reaching out! As a part of the Bubble plugin marketplace terms and guidelines, plugin authors are asked to the following:

As a contributor on the Bubble Marketplace, it is your responsibility to offer assistance to users who have specific questions about your template or plugin. Therefore, please make sure you have added a Support email to your Seller Profile page.

The plugin at the version that you purchase it (and any version prior to that one) should be available to you as long as Bubble’s marketplace is up and running.


Hi @d.dominguezribeiro your value has a comma in it “69854,3802885799”. Once you remove the comma “,” character it should display correctly.


@contantestar – thanks for sharing that issue. I will look into it; can you please PM me a link to your editor so I can take a look?


@harvest01

Hi @alex4, would love to get some help on creating magic quadrants! I saw the linked resource for someone who asked the same question, but am struggling to figure out which graph I should use to set one up and label each quadrant. I don’t see a chart element labeled “magic quadrant” so I assume I have to create one using one using a different chart element? Thank you!

Take a look at the support documentation article here on how to create a 2x2 matrix or magic quadrant. Hopefully that helps–don’t hesitate to reach back out 2-by-2 Matrix Chart by TechBlocks

Hey @fp1 in order for this to work you need to group the data by month, and in grouping settings, set to NOT skip empty values, and aggregate for any value you want to show.

This is how I have this set up.

Hi Alex, thanks as always for the work. Not sure if anyone else is having the same or similar issues but I’m recently having an issue with changing the line colour on the charts. I have the following chart:

Screenshot 2022-12-02 at 12.59.25 AM

With the following options:

I’ve selected the series colour but only get the line as white. I previously also tried having a conditional so the series colour would change depending on the value but to no avail.

Would really appreciate any help, many thanks in advance.

Hi @alex4, could you please let me know how to resolve this issue? Thanks

Hi Alex.

Thanks but atm moment moved on another things, and could not offer access to the app unfortunately. Sorry.
Hope I’ll be able to customize later or find another chart.