Hi,
I have to reduce Height of the Navigator area of Stock chart. Please help me in this regard.
Pleas find the screen shot of my current implementation in which I have highlighted navigator portion whose height has to be reduced.
Below is the view code.
.
I have to reduce Height of the Navigator area of Stock chart. Please help me in this regard.
Pleas find the screen shot of my current implementation in which I have highlighted navigator portion whose height has to be reduced.
Below is the view code.
@(Html.Kendo().StockChart<
Nalco.enVision.Web.Areas.ServiceModule.Models.SensorChartModel
>()
.Name("stockChart")
//.Legend(true)
//.Title(Model.ChartTitle)
.DataSource(ds => ds
.Read(read =>
read.Action("GetChartData", "Charts"))
.ServerOperation(true)
)
.DateField("MeasureDate")
.CategoryAxis(axis => axis.Name("dateAxis")
// .Labels(l => l.Rotation(90))
//.Title(Model.XAxisTitle)
.Title(t => t.Font("10px Arial"))
)
.ValueAxis(axis => axis.Numeric("valueAxis")
.Labels(l => l.Format("{0:n}"))
.Title(Model.YAxisTitle)
.Title(t => t.Font("10px Arial"))
)
.Series(series =>
{
series.Line(s => s.Value).Axis("valueAxis")
.Color("#3493D5")
.Tooltip(tooltip => tooltip.Format("{0:n}"))
.Tooltip(tooltip => tooltip.Template("Date:#= kendo.toString(category,'G') # <
br
/>Value: #= value #"));
}
)
.Navigator(nav => nav
//.DataSource(ds => ds.Read(read => read.Action("GetChartData", "Charts")))
//.DateField("MeasureDate")
.Series(series =>
{
series.Area(s => s.Value)
.Color("#3493D5");
})
)
.Events(e => e.SelectEnd("onSelectEnd"))
.HtmlAttributes(new { style = "height:" + Model.Height + "px;width:" + Model.Width + "px;" })
)