Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

In my scenario, I have a grid with multiple charts. The problem is that the charts are SVGs, but don't allow to be resized by a sourrounding div because they don't have a viewbox set to the SVG element.


The problem is that the height of the SVG is too much for my use case and I cannot adopt it dynamically:



Empty



The SVG doesn't scale properly to the grid height. I don't know if this is a matter of the title or something as well?


My preferred solution would be to have the possibility to scale the SVG from a surrounding div tag, e.g. something like this:


<svg viewbox="0 0 450 320" >

    <g>Whatever</g>

</svg>


That has the benefit that if the example below is used, the SVG will automatically scale to the correct size (Of course, the viewbox is just an example and needs to be adjusted to your sizes).


<div height="200">

    <svg viewbox="0 0 450 320" >

        <g>Whatever</g>

    </svg>

</div>