How to define height of chart

How to define height of chart

Posted by: ehh on 10 May 2021, 6:16 pm EST

• 

  ehh

  • Post Options:
  • Link
    Copy

  Posted 10 May 2021, 6:16 pm EST

  Hello,
  
  I have a setup, where i use bootstrap to position my charts.
  But how do i configure my chart to use all the space it has accesable.
  The accesable area can be seen by the blue overlay.
  
  
• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Replied 10 May 2021, 8:01 pm EST

  Hi,
  Thank you for reporting the issue. We are able to replicate the issue and we have forward this to the concerned team for further information with internal tracking id C1-3182.
  We will let you know as we get an update on this.
  
  Regards,
  Manish Gupta
• 

  ehh

  • Post Options:
  • Link
    Copy

  Replied 17 June 2021, 9:54 pm EST

  Hello,
  
  Any updates on the issue?
  
  Best Regards,
  Emil

• Marked as Answer

  

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Replied 21 June 2021, 10:48 pm EST

  Hi Emil,
  This issue will be fixed in the next release build but in the meantime, you may assign the class to Control and set the height in the CSS class.
  
  

  <style>
          .custom-height{
              height:790px;
          }
      </style>
   <FlexChart Class="custom-height" ItemsSource="forecasts" ChartType="ChartType.Column" BindingX="Date" Binding="TemperatureC"  Style="@("height:100%;max-height:100%;")">
              ....
          </FlexChart>

  
  
  Regards,
  Manish Gupta
• 

  ehh

  • Post Options:
  • Link
    Copy

  Replied 22 June 2021, 12:07 am EST

  Sounds great.
  
  And thanks for the temporary fix.
  
  Best Regards,
  Emil
• 

  dogzop

  • Post Options:
  • Link
    Copy

  Replied 23 July 2021, 10:50 pm EST

  that CSS worked for me, thanks a lot. https://mdro.fun/mobdro/