剑道图表分组系列排序问题

Posted 2023-05-08

【中文标题】剑道图表分组系列排序问题

【英文标题】：Kendo chart grouped series sort issue

【发布时间】：2021-07-09 12:45:15

【问题描述】：

我正在使用剑道图表在 ASP.net MVC 项目中显示分组系列。 Chart 默认基于 UserName 字段对系列进行排序。我需要在 Legends 中显示 UserName 字段，但需要使用 UserID 字段对系列进行排序。这可以通过禁用使用 UserName 应用的默认排序来实现，或者可以将排序字段更改为 UserID。数据源上的排序在这里不起作用。我怎样才能做到这一点？ 我的代码如下：

@(html.Kendo().Chart<TestProject.Models.ItemViewModel>
()
.Name("TestChart")
.Legend(legend => legend.Position(ChartLegendPosition.Right)
    .Orientation(ChartLegendOrientation.Vertical)
)
.Tooltip(tooltip => tooltip.Visible(true))
.DataSource(ds => ds
    .Read(read => read.Action("Test_Chart_Read", "Test"))
    .Group(group => group.Add(model => model.UserName))
    .Sort(sort => sort.Add(m=>m.UserID).Ascending())
)
.Series(series =>series.Bar(model => model.Salary).Name("#= group.value #");)
.CategoryAxis(axis => axis
    .Categories(model => model.UserName)
    .Labels(l => l.Rotation(-45).Position(ChartAxisLabelsPosition.Start).Visible(false))
)
.ValueAxis(axis => axis
.Numeric()
.Line(line => line.Visible(true))
)
.Tooltip(tooltip => tooltip
.Visible(true)
)

)

【参考方案1】：

在 Telerik 论坛 (https://www.telerik.com/forums/legend-sort-order-issue) 上的一篇旧帖子中找到了解决方案。

虽然它给出了“GroupNameTempalte”已过时的警告，但该解决方案运行良好。以下是代码更改：

.DataSource(dataSource => dataSource
        .Read(read => read.Action("_StockData", "Scatter_Charts"))
        .Group(group => group.Add(model => model.MonthNumber))
    )
    .Series(series => 
        series.Line(model => model.Close)
            .Name("close")
            .GroupNameTemplate("#= group.items[0].MonthName #");