[Plugin update 2023] ChartJS - Charts and Graphs (TechBlocks)

Hey there! I purchased the chartJS plugin and I was wondering in terms of concept, I have a chart with dynamic data and it updates but I use the add a data series to add more bars to the chart.

My question is, do I have to reset the chart and re-add the bars every time the dynamic data inside changes? If so, how should I structure the workflow?

Also, is it possible to put the legend in the label?

Thanks

@data1 thanks for reaching out!

when combining polar with boxplot chart on a single page we get a bug:

I appreciate you reporting this issue. I’ve pushed an update in v4.39.104 of the plugin that should fix this issue. Can you please upgrade and let me know how that’s working for you?


@nocodejordan thanks for the question here!

My question is, do I have to reset the chart and re-add the bars every time the dynamic data inside changes? If so, how should I structure the workflow?

One way you could achieve this is by:

  1. Placing the Y Values in an input
  2. Then in the workflow action, refer to the Input’s value for the Y Values
  3. Set up an event to fire when the Input Value is changed, like the screenshot below:

Also, is it possible to put the legend in the label?

Do you mean the hover tooltip? If so, this is certainly possible. Please refer to the documentation here: Custom Tooltips for Charts | TechBlocks

Does that help answer your question?

Thank you, Alex!!

1 Like

Not resolved I’m afraid.

Hi there,

I can see some charts have the capability of a trend line, I’m not sure how to enable this and can’t find any documentation on it.

The only thing I see is a custom-tooltip but not sure how its implemented beyond copy pasting that tag.

How do they work?

Thank you, Alex!!

@pheredia24 you’re welcome! Let me know if you have any other requests.


I can see some charts have the capability of a trend line, I’m not sure how to enable this and can’t find any documentation on it.

Hi @mattdaniell91 thanks for reaching out!

You can set up a trendline using mixed charts (you’d set up the line part of your trendline manually as another series set to “line”). Here’s a link to a demo set up in case you missed it (the second chart on the page): Scatter Charts by TechBlocks


@data1 hmm… strange. Can you please PM me a link to your app so I can take a look?

@alex4,

I’m seeing this error on console using debug mode

The plugin :bar_chart: Chart JS - 50 Charts and Graphs / element List Calculator - Basic threw the following error: TypeError: Cannot read properties of null (reading ‘split’)
at eval (PLUGIN_1553183744528x903111989944909800/—Chart-JS—50-Charts-and-Graphs-initializeState_Output-List–text–List-Calculator—Basic-.js:3:372)

Basically, I think it happens because I have a List Calculator element with no list B, is it correct? Below I’ve put a print of it.

image

Hi @felipe.haidar thanks for reaching out

Basically, I think it happens because I have a List Calculator element with no list B, is it correct? Below I’ve put a print of it.

Hmm… I tried reproducing that error, but you can see in the link below that the cumulative list works without any issue (so I don’t think it’s due to a lack of List B).

It looks like you might have a parenthesis “(” and “)” in List A, can you please try removing that? It could be the cause of your issue.

Hello!

I have a question about how to make a comparison. I have a graph of energy consumption between to compare the consumption of two different years and the months that are reflected do not match. In the year 2024 I saved consumption data for the months of June and July. However, in the graph it appears as January and February. The months do not match…

What can I do?

Thank you



Hi @riverogonzalez.isaac thanks for reaching out!

I have a question about how to make a comparison. I have a graph of energy consumption between to compare the consumption of two different years and the months that are reflected do not match. In the year 2024 I saved consumption data for the months of June and July. However, in the graph it appears as January and February. The months do not match…

I’ve just added an example of how to do this here. Note that you’ll probably want to use the Advanced List Calculator for your use case.

Please let me know if you have any follow up questions!

Perfect! Thank you very much!

I have a problem with the plugin. I am getting this message in the debugger:

The plugin :bar_chart: Chart JS - 50 Charts and Graphs / element Chart - Mixed Bar/Line/Area threw the following error: Error: Expected a number, but got a string (original data: “”)
at generate_JS_to_bubble_error (https://envirotel.eu/package/run_debug_js/38d213f77abeb547b31c6621ca7c9c5b59f9899850397e553104cb5f192da3ec/xfalse/x28/run_debug.js:613:26189)
at Object.JS_to_bubble (https://envirotel.eu/package/run_debug_js/38d213f77abeb547b31c6621ca7c9c5b59f9899850397e553104cb5f192da3ec/xfalse/x28/run_debug.js:613:75953) (please report this to the plugin author)

Perfect! Thank you very much!

@riverogonzalez.isaac you’re welcome!

I have a problem with the plugin. I am getting this message in the debugger:

Strange, I’m not able to reproduce this issue. Can you copy and paste that graph on a standalone page and PM me a link to the editor?

Olá, meus gráficos não estão sendo processados, vi que é um BUG e que também está acontecendo na página de exemplo do próprio Plugin, os erros de LOG são os mesmos.
Segue o print da própria página do Plugin

Estou precisando concluir os gráficos do meu sistema urgentemente, falta só isso para o lançamento, e justo hoje deu este problema.

Acabou de voltar a funcionar, provavelmente o problema foi corrigido, agora me ficou uma dúvida, este problema é recorrente? Não quero meu suporte do sistema lotado de mensagens por conta de instabilidade, gostaria de saber com qual frequência acontece essas falhas?

Hi @antomneto.adm thanks for reaching out!

Houve um problema com o Bubble. Voce pode ler mais aqui: Issue affecting numerous plugins and page layouts; please submit bug reports

Mas agora está resolvido.

1 Like

Hi @alex4 ,

I’m having trouble with X-axis groupings, I’ve got the data displayed with the wrong grouping. (see image)

Here’s the setup in the config

image

I have tried to flip it a few times, changing origins from Search for CEP to Search for Brand, but they all end up breaking.

Not sure how I make this work, any ideas?

Is there a way that anyone has found to make a hard line on a Y value to indicate when values are over a certain limit?

Hi,

Has anyone experienced an issue with the workflow 'When a Pie/Donut chart is hovered"?
When I hover the chart the workflow won’t run.

I tried with more than one chart, the id attribute is correct, the chart selected in the workflow is correct, and the custom tooltip group shows when the chart is hovered, but empty, as I set the custom states of the custom tooltip group with this workflow.
The workflow for When a Bar/Line/Area chart is hovered works correctly.

Here’s a loom demonstrating the issue: Loom | Free Screen & Video Recording Software | Loom

@alex4 any idea? Am I missing something?

Thank you.

Hi @TekaTeki thanks for reaching out! You should be able to add annotations using the “annotations” feature (examples here: Annotations on Charts by TechBlocks).

Let me know if you have any follow-up questions!


@igorracca13

Thanks for reporting this issue with the pie/donut chart hover event. I’ve pushed a fix in v4.39.126 that should resolve the issue. Please let me know if you notice otherwise!


@mattdaniell91

I’m having trouble with X-axis groupings, I’ve got the data displayed with the wrong grouping. (see image)

Hmm, can you try copying and pasting your dynamic expressions into a text element? That may help you see what those values are evaluating to. If that doesn’t help, feel free to PM me and we can take a closer look at your implementation.

2 Likes

Awesome, already tested it with the new version and it’s working.

Thank you for the prompt fix!