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

@alex4 Is it possible to control the number of gridline intervals that are shown on a radar chart (I believe this is an option on some other chart types)? For my use case I am trying to create a radar chart that displays 6 attributes, each of which is scored from 1 to 5 (valid scores are integers, so a score of 1.5 is not possible). As such I would like the chart to have just 5 gridlines (one for each possible score) but I can’t see any setting to adjust this. In the attached screenshot, you can see that the chart is defaulting to 10 increments (0.5 points per line), which makes the chart quite busy.

@alex4 On your charts demo page you show an example that combines a bar series with a line series:

Can you provide some guidance on how you achieved this? I tried looking at the app editor for your demo page, but within this particular chart I don’t see any data assigned and I can’t seem to see where it is being added via workflow either. For my use case I would like to combine a stacked horizontal bar (to show background colours) and a line chart (really just a single data point to indicate where on the range a value lies) similar to this mockup:

For reference, the background in that mockup (the coloured stacked bar horizontal chart) was generated using your plugin, I just need help with the extra step of adding the line data point.

Thanks for reaching out @Kent!

  1. There is a setting for Bar/Line charts to customize the duration of the animation (which you could set to 0 to remove the animation entirely). I hadn’t added this customization yet to scatter charts but will do so this week and let you know when it’s ready!
  2. I’ll also add the Radar Chart customization to specify the max number of tick lines this week. Will make an announcement when this is ready too!

Alex

4 Likes

I’m loving the time series option on the scatter/line chart!!

2 Likes

@uzair7175 thanks, that’s great to hear. Let me know if you have any other feedback!

@Kent – I’ve just added the ability to customize the animation duration for Scatter Charts, which is available on v2.43.5 under the general properties section. I’ll let you know when the ticks customization for Radar Charts is ready as well!

Update in v2.42.6

Added the ability to customize the max ticks limit for Radar Charts (for the tick lines that go outward concentrically from the middle of radar charts).

FYI @Kent, who requested this feature!

Thanks @alex4 - both of those updates are working well for me!

Any chance that you have a suggestion for the third of my recently mentioned issues ([Plugin Update: 2021] TechBlocks Charts and Graphs (Chart.js) - #23 by Kent) about trying to mix a line chart with a stacked bar (horizontal) chart?

I was able to achieve my desired look by overlaying a scatterplot on top of a stacked bar (horizontal) chart but if there was a built in solution, that would be much preferred. For reference, here’s a screenshot of what I was able to achieve using the two overlapping charts workaround:

Thanks again,
Kent

Thanks for that screenshot – I’ll take a look at adding a mixed horizontal bar and line chart. Keep you posted in a DM!

Alex

Follow up question. Do you have an example of how to use data from my database to show on the chart?

Hey @uzair7175 – yes, please take a look at the dynamic data examples I have for line charts here: https://chartsdemo.bubbleapps.io/dynamic-data-examples

Let me know if you have any questions!

Thanks Alex! Love how on top of it you are!

You got it @uzair7175 . Let me know if you have any more feedback!

1 Like

the tooltip functionality is very nice; that I can use the bubble group to make it, good idea

@alex4 When accessing the chartsdemo’s link “Editor for this page” I get an error “User does not have permission to view this document” … I was able to view this last week … but somehow getting this error today. :thinking: :sob:

@032bubble thanks for letting me know! I’m not sure how that got changed to a private app but I’ve now changed it back to public. Let me know if you have any more issues!

@uzair7175 thanks for the chart tooltip feedback! Happy to take a look at any feature requests surrounding it as it is a much used feature :slight_smile:

1 Like

Hey @alex4 , thanks for a great plugin.

Any chance I may create a Magic Quadrant (similar to Gartner’s) with this ?

1 Like

This is my go-to plugin for charts for my clients. Excelent job and thank you for your help!

1 Like

Hey @network – yes, you can do something like this using a Scatter Chart type. Each data point on your chart will need to have two numbers associated with it:

  1. “Ability to Execute” – you can give this a range of -10 to +10
  2. “Completeness of Vision” – you can also give this a range of -10 to +10

The y=0 and x=0 lines on the graph could be your lines for separating each quadrant.

Does that make sense? Hope that helps!

Alex

1 Like

Thanks @alex4 , it totally does.
I’ll try it immediately.

Hi Alex,
Two things that would be really helpful to me on radar charts would be two actions

  • remove all data series from radar chart (if it was just the data series added via workflows that would be fine also)
  • when you remove a data series that doesn’t exist - don’t throw a javascript error, just do nothing. (would be a big help to me also)

If there is a way to achieve this already - I’d love to know how :slight_smile:

1 Like