How can I set the height of the chart generated by the following code?
@(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}"))
)
To adjust the size of the rows in both the body and the header, use CSS and specify the height and padding properties for the th elements inside the thead and tr , and the td elements inside the tbody of the Grid.
To control the width of the Grid, set the CSS width properties to the Grid itself or to some of its ancestors. If you use hierarchy and unless the detail template is scrollable, the detail template has to be narrower than the sum of the widths of all master columns.
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))
)
Hello you can try to use the HtmlAttributes method to specify a style with the needed width.
e.g.
@(Html.Kendo().Chart()
.HtmlAttributes(new {style="width:200px;"})
//...
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With