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

【问题标题】：How do I set the height of a Kendo Chart with the Server Side Wrappers for MVC?如何使用 MVC 的服务器端包装器设置剑道图表的高度？
【发布时间】：2012-11-04 14:48:26
【问题描述】：

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

@(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}"))
 )

【问题讨论】：

标签： kendo-ui

【解决方案1】：

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

例如

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

【讨论】：

我会调查的。仅供参考，我正在尝试设置高度而不是宽度。

【解决方案2】：

您可以尝试以下方法；

@(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))
 )

【讨论】：