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方法指定具有所需宽度的样式。

e.g。

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

Answer 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))
 )

如何使用MVC的服务器端包装器设置Kendo图表的高度？

2 个答案: