Can we have responsive graphs in skuid?

  • 1
  • Question
  • Updated 1 year ago
  • In Progress
We have included a graph component on our skuid page. Now the problem which we are facing is: the graph is not scaling itself according to high and low values on both the axis. Say one record has values  which requires the y-axis with value ranges in 1000, 2000, 3000 etc, another record requires values in the range 100, 200, 300 etc. When we plot a graph only 1 range comes up and for comparatively lower value ranges the bar on the graph becomes too small. Is there a way that we can make this graph auto scale or responsive?
Photo of Naman Sharma

Naman Sharma

  • 100 Points 100 badge 2x thumb
  • confused

Posted 1 year ago

  • 1
Photo of Amy Dewaal

Amy Dewaal, Official Rep

  • 8,200 Points 5k badge 2x thumb
Naman,

What graph type are you working with (line, bar, column)?
Could you post some screenshots of what you're experiencing? 
Photo of Naman Sharma

Naman Sharma

  • 100 Points 100 badge 2x thumb
Hey Amy, sorry to keep you waiting on this, they are using bar graphs with stacked graph for different categories. I've attached a screenshot attached with this comment. Here if you can see we are unable to differentiate between different categories, where the numbers on y axis are really small, whereas in the second case they are visible properly. Also, the date range is appearing several times we want the same just once and want the scale on the y axis to be responsive.

Photo of Amy Dewaal

Amy Dewaal, Official Rep

  • 8,200 Points 5k badge 2x thumb
Naman,

What version of Skuid are you on?
When do these two different scenarios occur? Does it depend on what's on the page or is it when you adjust a property of the chart?
You might try looking at the axis1 of the chart, and setting the Min Value to 0 and leaving the Max Value blank. That should allow for more responsive behavior. 

As for your label repeating itself, that's kind of odd.
Can you post a screenshot of the categories setup for your chart?
Are you by chance using a template for the category type that may cause the name to repeat like that?
Is this chart based on a basic or aggregate model?
Photo of Naman Sharma

Naman Sharma

  • 100 Points 100 badge 2x thumb
Hi Amy, removing the upper limit is not making it responsive, here are the screenshots attached for the same category setup.
Photo of Naman Sharma

Naman Sharma

  • 100 Points 100 badge 2x thumb
Hi Amy,

Any update on this?
Photo of Amy Dewaal

Amy Dewaal, Official Rep

  • 8,200 Points 5k badge 2x thumb
Naman,

Can you explain what your setup is when you get those two different views of the chart? Is that on two different pages or does that happen when you resize the page or change a property of the chart? 
What version of Skuid are you on?

As for your label repeating itself on the chart, that's kind of odd.
Can you post a screenshot of the categories setup for your chart? 
Are you by chance using a template for the category type that may cause the name to repeat like that? 
Is this chart based on a basic or aggregate model?
Photo of Yogesh

Yogesh

  • 60 Points
Hello Amy,

We are facing this issue from so many days can we take a call so that we can share a screen and discuss this and close this in one go,Please let us know your preferable time.We can have a meeting so that we can check all the settings and fields by screen sharing.

We really need to solve this ASAP as its very critical and IMP for the customer.

Thank you
Yogesh 
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
Have you gone through our documentation surrounding how to do this?
https://docs.skuid.com/latest/en/skuid/components/visualizations/chart/index.html

Can you share your setup in a simple XML page using standard objects and fields?