kendo-ui - 如何使用 MVC 的服务器端包装器设置剑道图表的高度？

Question

如何设置以下代码生成的图表的高度？

@(Html.Kendo().Chart()
.Name("Chart")
.Title("Wear")
.Series(series => { series.Column(new[]
                            {
                                measure1, measure2, measure3, measure4, measure5
                            }).Color("#585858"); })
.Tooltip(tooltip => tooltip.Visible(true).Format("{0}"))
 ) 

Answer 1

您好，您可以尝试使用 HtmlAttributes 方法来指定具有所需宽度的样式。

例如

@(Html.Kendo().Chart()
   .HtmlAttributes(new {style="width:200px;"})
 //...

Answer 2

You can try the following;

@(Html.Kendo().Chart()
   .Name("Chart")
   .Title("Wear")
   .Series(series => { series.Column(new[]
                      {
                       measure1, measure2, measure3, measure4, measure5
                      }).Color("#585858"); })
   .Tooltip(tooltip => tooltip.Visible(true).Format("{0}"))

   .ChartArea(x => x.Height(350))
 )