Pre loader

How can I control the size of the scichart-angular drawing area?

Welcome to the SciChart Forums!

  • Please read our Question Asking Guidelines for how to format a good question
  • Some reputation is required to post answers. Get up-voted to avoid the spam filter!
  • We welcome community answers and upvotes. Every Q&A improves SciChart for everyone

WPF Forums | JavaScript Forums | Android Forums | iOS Forums

1
0

See attached image. I have put a green border in the hosting component, and I would like to have the scichart-angular area to be taller. There are obiously more to do with my chart, but I’d nonetheless like to get more vertical space.

The hosting component’s html specifies a min-height of 650 px and a green 1px border. Inspecting the scichart component in the debugger indicates 100% height and width. The height of the scichart-angular component is not reflected.

I tried to put the min-height style within the scichart-angular tag in my scichart component html, but it had no effect. Is there a ratio setting hidden somewhere in scichart-angular?

Version
3.5.711
Images
  • You must to post comments
1
0

Hello Morten,

Yes, an aspect ratio might be applied implicitly.
To ensure it is disabled use the disableAspect property on options passed to the surface create method: https://www.scichart.com/documentation/js/current/typedoc/classes/scichartsurface.html#disableaspect

Try it and let us know if that helped.
The inner layers of the scichart-angular might need additional styling to fit the container size. It should be easy to verify this via the Element Inspection Dev Tool.

  • You must to post comments
1
0

Thanks a lot for the tip! It worked nice.

Images
  • You must to post comments
Showing 2 results
Your Answer

Please first to submit.