CSS to define graph Y-axis?

Ask for Help
1

Well I have a glide bar graph where I want to show a rating of 1-10. The graph works great except that it automatically pushes the Y-axis to a 12 value, which makes the results appear weaker. I understand that our graph function is pretty limited, but has anyone had success with any kind of CSS hack to keep the max value for Y at a 10?
I did look into Quickchart.io but the overall graphics quality is kind of meh.
Here is what it currently looks like:
Thanks!

Screen Shot 2022-11-20 at 10.08.35 PM
Screen Shot 2022-11-20 at 10.08.35 PM708Ă—616 111 KB

2

Is it too blurry or is it something else? I would recommend Quickchart for flexibility in cases like this.

1 Like
3

yeah, I was also curious about that. @kabookie - would you mind elaborating a bit? meh, in what way?

I know that by default all the text elements in quickchart graphs will be a pale grey colour, which I agree looks a bit “meh”. But it’s pretty easy to change that.

4

The main thing is that I can’t make the background transparent. I like the look of the native app in some ways, this is one of them. Also, all bars in the graph will be the same color in quickchart, but in native they can be more colorful. And I like the font better. Just looks more polished. But again there are issues with it as well, the main one being unable to regulate the Y-axis. Now that I’ve got the app ready to go, I will revisit as I have a week of testing before launching. It is a results tracker for a new product launch.

5

All of those things that you mentioned are configurable with quickcharts :wink:

  • transparent background (it should be by default) :white_check_mark:
  • customise bar chart colours :white_check_mark:
  • customise text font (style, size, colour) :white_check_mark:
  • customise X/Y axises :white_check_mark:
6

Thanks Darren, I will take another look at it.

7

If you’re fairly new to quickchart, this is what I would recommend:

  • Start in the Gallery, and find a chart style that is closest to what you need
  • Clicking on any chart in the gallery will open that chart in the Sandbox Editor
  • In the sandbox, you can experiment with different settings and see the effects immediately
  • Once you have what you want, you just need to transfer the JSON from the sandbox to a Glide template, add replacements for your data, and feed that into a Construct URL column.

quickchart is (it seems) almost infinitely configurable, and the documentation can be a bit overwhelming at times. But they have great support. They even have a community forum. Not as active as ours, but if you ask a question there you’re almost guaranteed to get a good quality answer from Ian.

2 Likes