Kendo StockChart Navigator 调整后不更新图表
Kendo StockChart Navigator not updating chart when adjusted
我有以下显示图表的内容,但是当我调整导航器上的手柄时,图表不会调整以显示选定时间段内的点。
这是我的 Razor 代码:
@(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 参考,但我无法弄清楚哪些选项可以使导航器工作。
所以我想通了。
我在图表定义的 CategoryAxis
部分使用了 axis.Axis.BaseUnit = ChartAxisBaseUnit.Days;
而不是 axis.Categories(model => model.Date).Type(ChartCategoryAxisType.Category)
。
对于我的图表来说,这足以让图表显示所有点(无聚合)并允许导航器工作而无需任何额外工作。
我有以下显示图表的内容,但是当我调整导航器上的手柄时,图表不会调整以显示选定时间段内的点。
这是我的 Razor 代码:
@(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 参考,但我无法弄清楚哪些选项可以使导航器工作。
所以我想通了。
我在图表定义的 CategoryAxis
部分使用了 axis.Axis.BaseUnit = ChartAxisBaseUnit.Days;
而不是 axis.Categories(model => model.Date).Type(ChartCategoryAxisType.Category)
。
对于我的图表来说,这足以让图表显示所有点(无聚合)并允许导航器工作而无需任何额外工作。