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

Hi. I noticed that the graphs don’t work when negative values are part of the data set. Labels do not appear as well as the amount shown when hovered over for example a bar in a bar graph shows the wrong number. Any updates on fixing that?

Hi. I noticed that the graphs don’t work when negative values are part of the data set. Labels do not appear as well as the amount shown when hovered over for example a bar in a bar graph shows the wrong number. Any updates on fixing that?

Hi @santhanvgvsu thanks for reaching out! I’m happy to take a look! Which chart type are you referring to? Would you mind DMing me a link to your editor and/or a screenshot? I’m not able to reproduce the issue you’re running into


Hey guys this is fantastic, thank you! Would it be possible to get the feature to also show on the scatter-bubble chart, and maybe even the pie chart? - For the pie chart, I appreciate that we can add labels/names to an individual series however in some instances for us, the data is organised such that we have multiple entries within each series so would be super helpful to have labels for each one of those data points! Many thanks.

@a.alighanbari thanks for the kind words! I’ll DM you about this one!

Hi Alex,

I’ve just subscribed to your chart’s plug in, and I’m completely loss so I need some really basic help in setting this up.

I’m trying to use the Bubble chart and I can’t see where you define the data set to be displayed.

Is it possible to give me some pointers on how to get started?

Thanks,
FundKernel Development

Hi @anon8756174 – thanks for reaching out! Looking forward to seeing how I can help you out.

For starters:

  1. Here is a link to the Bubble Chart demo page.
  2. Below is a screenshot showing where you would enter the values for your data set (you need to scroll down the property inspector to find these):

Let me know if you’re still stuck once you find those inputs!

Alex

Oh ok! Thanks Alex! I’ll give that a try.

But…just curious. The reason I couldn’t figure out your demo page is that those sections you mentioned are empty, but the chart still display the data.

How do you get the chart to show even when those input aren’t there?

H Alex,

Thanks for the tip. I got the chart working, but I think I’ve might done something wrong…

A lot of my data are investment performance data which are usually presented in percentage. When I use the Chart to show the performance data without formatting, it works. Of course the values are all in decimal points (e.g. 0.2125453, etc).

When I format the value into percentage, the chart won’t show.

I’ve taken a video shot of what I’ve done.

Would you be able to tell me what I’m doing wrong?

Thanks,
FundKernel Development

@alex4, How can I sort Major by Minor? with this graph:
image

@anon8756174 great to hear that the tip helped!

But…just curious. The reason I couldn’t figure out your demo page is that those sections you mentioned are empty, but the chart still display the data.

In the demo page, I’m adding the serie via workflows – you can visit the workflow tab to see how to add series via workflows (instead of adding them onto the element inspector). This is helpful if you have many series you’d like to add to the chart, since you can add as many workflow actions to add series as you need! Hope that makes sense.

A lot of my data are investment performance data which are usually presented in percentage. When I use the Chart to show the performance data without formatting, it works. Of course the values are all in decimal points (e.g. 0.2125453, etc).

The comma-separated list of numbers only takes numbers. You can add a “%” unit for the axis setting and/or data labels setting to add the percentage unit after your values



@dipaivabrito thanks for reaching out! What do you mean by sorting by Major by Minor? Do you mean sorting from largest to smallest items? So Mec. Vagoes (1676) would be at the top and CCP (3) would be at the bottom?

Help with cropping value labels. I have tried this up and down but can’t find out how to fix it… can someone please let me know the trick to make sure that value labels aren’t cropped?
image

Hi @alex4 ,

The comma-separated list of numbers only takes numbers. You can add a “%” unit for the axis setting and/or data labels setting to add the percentage unit after your values

I’m using dynamic data with the data source coming from a Google Sheet. I wouldn’t be able to convert that into a % using the editor like below?

Hi @alex4 I don’t know if this is a known bug, but I’m getting NaN on empty records, is there a way to get the chart to handle it as a 0 instead?

image

Hi please
I am using the chart bar/line graph, I cannot seem to find the Min and Max X value under the axis setting section because I really need it to diynamically change the range on the displayed graph in the my current project. Thanks in advance for you help.

@aestela thanks for making me aware of this bug! Could you send me the expression that causes it to evaluate in this way? I wasn’t able to reproduce it.
—————

@alexdeveloperamaku thanks for the question. The min/max settings are under the “Axis and Gridline Settings” section, on the inspector on the design tab. There are inputs for “Y Axis - Min” and “Y Axis - Max”

————-
@anon8756174 — correct. Don’t format the numbers with thousands separators or percentage in the input. Use the properties on the Chart element to format the numbers

——-

@TekaTeki — use the “Chart Padding (px)” property on the Chart element inspector (under the “General Settings”) so your labels don’t get cut off

1 Like

I am just getting started using this plugin, and I am trying to use a mixed scatter/line chart to essentially create a scatter chart with a trend line. I see some topics here talking about this, but I can’t seem to find this option in the bubble editor. Can anyone give any guidance how to do this?

Thanks!

Como criar uma condicional para que as barras negativas sejam mostradas em vermelho e as de valores positivos em azul?

Hi @alex4

I’m having some trouble with displaying chart from a repeating group.

I’ve followed the instructions your plug in page provided and used the ListCalculator Advance, but the chart is not showing.

I’ve taking a video screen shot so you can take a peek at my configuration: 2022-07-28_10-49-31

Can you share with me what am I doing wrong?

Thanks,
FundKernel Development

hey, I have a question regarding 100% Stacked Bar. I’m showing the data labels as you can see. Is there an option to hide “0” values? I highlighted the example on the screenshot.
Знімок екрана 2022-07-28 о 13.02.39

1 Like

@evgenia.tarasenko Look for the setting that says Hide if less than. In my chart, I only have integers so I set this to 1. That way, anything that’s zero is hidden.

Note, if you turn on the label background, the hide doesn’t hide the background. I hope @alex4 team will fix this at some point.

2 Likes

@treb.gatte thanks for chiming in here. @evgenia.tarasenko that solution that Treb’s shared is exactly how you would make that zero not show up as a data label!

@treb.gatte thank you as well for your feature request, I just pushed an update in v4.38.35 that hides the data label background and border colors if the data label value is hidden!

—————

@anon8756174 thanks for reaching back out! For the values inside of the RepeatingGroup, you’ll need to make them inputs instead of text elements. You can format them however you’d like and disable them, but they need to be inputs so that the calculator element can detect the value inside. Hope that helps!

—————-

@jeffprewitt thanks for reaching out as well! You can add a scatter chart with a trend-line by adding two series (one for the scatter, another for the trend line that connects the points). See techblocksco.bubbleapps.io/scatter-charts for an example (note: the workflow actions for adding the lines to the chart are on the workflow tab)

1 Like

@alex4 Thank you for the update!!

1 Like