如何在 MVC kendo 折线图的一年数据中仅显示一次月份名称
How do I display only the months names only once on a years worth of data on an MVC kendo line chart
我想在 kendo 折线图上显示 365 个结果,但由于太多结果导致标签重叠,我想在类别轴上只显示每个月名称一次
@(Html.Kendo().Chart(Model.Totals)
.Name("totalChart")
.Title("Total Daily")
.Legend(legend => legend.Visible(false))
.Series
(
series => series
.Line(model => model.Total)
.Style(ChartLineStyle.Smooth)
.Color("#42a7ff")
.Name("Date")
)
.Events
(
e => e
.SeriesClick("ChartClick")
)
.CategoryAxis
(
axis => axis
.Categories(model => model.Date)
.Labels
(
labels => labels
.Rotation(45)
.Visible(true)
.Template("#= kendo.toString(value,'MM') #")
)
.Title("This Month")
)
.ValueAxis
(
axis => axis
.Numeric()
.MajorUnit(10)
)
.Tooltip
(
tooltip => tooltip
.Visible(true)
.Template("#= value # | #= category #")
.Background("#ffffff")
)
)
我使用了基本单位参数,但这只显示了 12 个结果。
这对我有用。如果将轴设置为 Date(),则步长为最大天数(31):
.CategoryAxis
(
axis => axis
.Date()
.Categories(model => model.Date)
.Labels
(
labels => labels
.Visible(true)
.Template("#= kendo.toString(value,'MMMM') #")
.Step(31)
.Padding(0,0,0,120)
)
.Title("All the months")
)
我想在 kendo 折线图上显示 365 个结果,但由于太多结果导致标签重叠,我想在类别轴上只显示每个月名称一次
@(Html.Kendo().Chart(Model.Totals)
.Name("totalChart")
.Title("Total Daily")
.Legend(legend => legend.Visible(false))
.Series
(
series => series
.Line(model => model.Total)
.Style(ChartLineStyle.Smooth)
.Color("#42a7ff")
.Name("Date")
)
.Events
(
e => e
.SeriesClick("ChartClick")
)
.CategoryAxis
(
axis => axis
.Categories(model => model.Date)
.Labels
(
labels => labels
.Rotation(45)
.Visible(true)
.Template("#= kendo.toString(value,'MM') #")
)
.Title("This Month")
)
.ValueAxis
(
axis => axis
.Numeric()
.MajorUnit(10)
)
.Tooltip
(
tooltip => tooltip
.Visible(true)
.Template("#= value # | #= category #")
.Background("#ffffff")
)
)
我使用了基本单位参数,但这只显示了 12 个结果。
这对我有用。如果将轴设置为 Date(),则步长为最大天数(31):
.CategoryAxis
(
axis => axis
.Date()
.Categories(model => model.Date)
.Labels
(
labels => labels
.Visible(true)
.Template("#= kendo.toString(value,'MMMM') #")
.Step(31)
.Padding(0,0,0,120)
)
.Title("All the months")
)