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

How do you add additional series when the series are not known in advance?

@jeffrey.j.obrien you should be able to conditionally add new series if the search for those product lines exists. On the workflow tab, you’d set up an event for when the page load, to “add new series” to the chart. For each “add new series” workflow action, you’d add conditional statements to only add the new series when the product line exists.

Does that help answer your question?

I should have mentioned - that the product lines are in the database, but they change.

The end user can add them, delete them etc…

Each user has their own products.

I almost need a for loop…

Is that possible?

Hi @alex4
I came across a a bug when upgrading to the latest version today, and went back through the versions to figure out when it was introduced.

In the Bubble Chart, when adding a series via a workflow action, there is an option to specify a list of “Point Colors” for the series to allow for different color bubbles within the same series. This was working correctly up to version 5.0.65 but stops working in version 5.0.66 (the bubbles all appear grey from 5.0.66 onwards).

image

Can you please have look and resolve in an upcoming release so that I can continue on the latest version.

Cheers
Liam

@jeffrey.j.obrien thanks for the additional detail. Based on your specific implementation, you might be able to fire a workflow action that removes and re-adds the series when the data changes.


@liam1 good to hear from you and thanks for reaching back out! We’ll take a look at this one and get back to you!

Im not sure this ever got answered but in any case i dont see how the example draggable could update the db. The Workflow is triggered when the bar is dragged but has an only when to say that it only runs when the currently dragged field is ‘no’. I can see why this is needed (the first stops it running all the time, the second stops it running while you are dragging the data) but the 2 are mutually exclusive (it either not being dragged so not triggered or being dragged so fails the only when

As a second issue with the example as @ken1 pointed out you need to pass a parameter to the custom action which I assume should be the x axis value to ensure the correct value is updated

@alex4 how can I add text with commas in the x-axis of a Bar Chart?
I’ve tried e.g. Lorem\\, ipsum and other variations but it did not work, the chart element still considers it is a new element, and it will split Lorem and ipsum

@alex4 how can I add text with commas in the x-axis of a Bar Chart?
I’ve tried e.g. Lorem\\, ipsum and other variations but it did not work, the chart element still considers it is a new element, and it will split Lorem and ipsum

Hi @igorracca13 this currently isn’t possible but i can add it to my backlog. What is the use case for this (i.e. what type of data are you trying to input in the x-axis?)

Hi, @ajl5

I would like to add texts containing comma in the x-axis.
e.g.


The highlighted text had originally a , instead of a ;.
For now, I am replacing the comma, before adding it to the chart (it also requires some string manipulation when hovering). Ideally, there would be a way to have the text with commas, so the user could see the original text, and no additional string operations would be needed.

Thank you :slightly_smiling_face:

Hi @alex4 ,

For some reason my Bubble chart lost the point labels:

I still have labels on my scatter chart:

Both are configured as pointLabels and used to work the same as you can see from this old screenshot:

It looks like a bug to me. Can you fix it please.

Hi @vtodorakov thanks for reaching out! We’re not able to reproduce this issue. Can you PM me a link to your Bubble editor so I can take a look?


I would like to add texts containing comma in the x-axis.

@igorracca13 thanks for the extra detail here. Let me see what we can do about this! Will keep you posted.

1 Like

Hi @ajl5 , I found the issue. Display data labels was off:

Thanks!

1 Like

@vtodorakov great to see you’ve found the solution! Please let me know if you have any other questions!

Hi @ajl5 ,

I have two question about the horizontal bar chart, considering this chart:

  1. Is there a way to increase the x-labels width? I would like the texts on the left to be not cut off.
  2. Is there a way to use hover action on those x-labels (when hovering the text, and not the bars)? I was able to create a custom label, when hovering the bar it will show the x and y value (image below). However, it would be great if I also could display the whole x-label name when the user hovers over the abbreviated text.

Hi Alex, I am a big fan of your Plugin! so powerful yet simple to setup and have a very detailed documentation! I am commenting though to ask if does your plugin support dumbell/barbell chart already? I can’t seem to find it on the documentation. Hope you will notice my comment, thank you and more power!

Hi @toyjonah

I am a big fan of your Plugin! so powerful yet simple to setup and have a very detailed documentation!

Thanks for the kind words! Great to hear you’ve enjoyed working with the plugin and documentation.

I am commenting though to ask if does your plugin support dumbell/barbell chart already?

The plugin does not yet support dumbell/barbell charts; however, we can add it to our backlog for consideration!


Hi @igorracca13

  1. Is there a way to increase the x-labels width? I would like the texts on the left to be not cut off.

Currently, this is not possible, but we can look into what it would take to enable line breaks and/or increase the x-labels width. How urgent is this request?

  1. Is there a way to use hover action on those x-labels (when hovering the text, and not the bars)? I was able to create a custom label, when hovering the bar it will show the x and y value (image below). However, it would be great if I also could display the whole x-label name when the user hovers over the abbreviated text.

This is currently not possible but we can add it to the backlog for consideration!

Hi @alex4 , we really appreciate the nice support.

I was double-checking the chart and noticed the width of the x-labels is not fixed, and it follows the text with the longest width, which is good. However, this alignment is not good for us.
Instead of the previous requests, it would be sufficient for us to just have all the texts in x-label aligned to the left:

Would it be possible to add this to the backlog instead?

The urgency for us would be 3 out of 5, as we can still display the full name when hovering. (we are currently using a truncated implementation to keep the elements to the right, image below)

Thanks a lot,
Igor

1 Like

Instead of the previous requests, it would be sufficient for us to just have all the texts in x-label aligned to the left:

Thanks for the additional detail here @igorracca13 . I will take a look to see what’s possible and keep you posted!

Hi @igorracca13 , we took a look at the implementation for your suggested solution (customizing alignment of the tick label), and it’s pretty complex.

In the meantime, we’ve pushed an update that enables users to add the “Max # Chart Per Line” for tick labels. Does this help resolve your issue?

Hi @igorracca13 – wanted to follow up! Did the solution above resolve your issue?

Hi @ajl5 ,

Thanks a lot for this proposal and quick update. As the previous request (aligning labels to the left) is complex, we are good with the above solution.

One thing I noticed is that I had a fixed height in the chart, and depending on the number of items, the labels were overflowing:

However, I was able to solve it by adding some conditions to change the height depending on the number of items:


Thanks again for the good support!

1 Like