我有以下显示图表,但是当我调整导航器上的手柄时,图表不会调整以显示所选时间段的点数。
这是我的剃刀代码:
@(Html.Kendo().StockChart<Portal.Models.Company.StockDataPoint>(Model.StockPricePerformance)
.Name("stockChart")
.DateField("Date")
.Series(series =>
{
series.Line(s => s.ClosingPrice)
.Markers(false);
})
.CategoryAxis(axis =>
{
axis.Categories(model => model.Date).Type(ChartCategoryAxisType.Category)
.MajorGridLines(lines => lines.Visible(false))
.Axis.BaseUnit = ChartAxisBaseUnit.Months;
axis.Labels(label => label.Step(24).Rotation(-60).Format("dd MMM yy"));
axis.Axis.BaseUnitStep = 10;
})
.Navigator(nav =>
{
nav.Series(series => series.Area(data => data.ClosingPrice));
nav.DateField("Date");
nav.AutoBind(true);
})
.Tooltip(tooltip => tooltip
.Visible(true)
.Template("#= dataItem.ClosingPrice # [#=dataItem.Date#]")
)
)
这就是图表的样子:
正如您所看到的,图表未经重新绘制或调整为仅显示所选时段的点数。我查看了Telerik示例和API参考,但我无法确定哪些选项可以使导航器工作。
答案 0 :(得分:0)
所以我明白了。
我没有使用axis.Categories(model => model.Date).Type(ChartCategoryAxisType.Category)
,而是在图表定义的axis.Axis.BaseUnit = ChartAxisBaseUnit.Days;
部分使用CategoryAxis
。
对于我的图表,这足以让图表显示所有点(无聚合)并允许导航器无需任何额外工作即可工作。