Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Euan Eadie
150
igDoughnutChart percentage height and width
posted

Hi,

I am trying to use the igDoughnutChart using the ASP MVC helper but can't seem to get the chart to appear if I specify a percentage height and width. If I modify the height and width to a known px value the chart appears as expected. Is it possible to use a percentage height and width with the ASP MVC helper as below? 

@(Html.Infragistics().DoughnutChart()
                   .Width("20%")                    
                   .Height("20%")
                   .Series(s =>
                   {
                       s.Ring("flatSeries", Model.Products.AsQueryable()).ValueMemberPath(o => o.Index).LabelMemberPath(x => x.ProductCategory);
                   }).Render())
  • 2525
    posted

    Hello Euan,
    You can use percentages within the Width and Height properties. Here’s a link to our documentation that gives more info on how to set height and width:


    http://help.infragistics.com/jQuery/2015.2/ui.igdoughnutchart#options:width
    http://help.infragistics.com/jQuery/2015.2/ui.igdoughnutchart#options:height


    Note that it inherits the dimensions of the parent element, therefore, if you haven’t specified any dimensions to the parent the element won’t render to the page. This is common if it’s parent element is body.