In Razor für Asp.Net Immer wenn ich ein Diagramm erstellen, ist es automatisch Vollbild und nimmt die volle Ansicht auf

Question

Ich habe versucht, die Größe des Diagramms kleiner zu machen, aber es nimmt immer noch den ganzen Bildschirm ein. Ich habe auch versucht, es in einem div setzen und die Höhe und Breite einstellen, die

<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

ich dies tun würde way.` durch eine CSS-Klasse zu schaffen, das die Breite und Höhe des Kindes setzt Tag, das von der Chart.Write() -Methode generiert wird.

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>