Razor for Asp.Net每当我创建一个图表，它会自动全屏并占据全视图

Question

我已经尝试使图表的大小更小，但它仍占用全屏。我也试着将它放在一个div和设置，way.`

<div style="height=400; width=600;"> 
    @{ 
     var MyChart = new Chart(600, 400) 
      .AddTitle("File Count") 
      .AddSeries(
       name: "File Count", 
       chartType: "bar", 
       xValue: descList.ToArray(), 
       yValues: intList.ToArray()); 
     MyChart.Write(); 
    } 
</div> 

`

Answer 1

我会做到这一点通过创建CSS类对子的宽度和高度的高度和宽度由Chart.Write（）方法生成的标记。

CSS

.chart-container img { 
    width: 600px; 
    height: 400px; 
} 

HTML

<div class="chart-container"> 
    @{ 
     var MyChart = new Chart(600, 400) 
      .AddTitle("File Count") 
      .AddSeries(
       name: "File Count", 
       chartType: "bar", 
       xValue: descList.ToArray(), 
       yValues: intList.ToArray()); 
     MyChart.Write(); 
    } 
</div>