剑道图表将y轴设置为整数数值

Posted 2023-05-07

【中文标题】剑道图表将y轴设置为整数数值

【英文标题】：Kendo chart setting y axis to integer numeric value

【发布时间】：2014-10-11 09:40:51

【问题描述】：

我正在使用 Telerik Kendo Chart，并尝试将整数值显示到 y 轴。 当我的值像 6 - 8 - 10 时，这没有问题，但是例如当我使用下面的代码时，我在 y 轴上得到这样的值：

我的 y 轴图表值（8 和 9）

我明白了，

7.4 7.6 7.8 8.0 ... ... 9.0

但我想将值设置为 y 轴整数值，例如 6 - 7 - 8 - 9 - 10 等。我该怎么做？我的意思是如何在我的 y 轴上显示整数值？

这是我的代码：

               @(html.Kendo().Chart(Model)
               .Name("chart")
               .Title(title => title
                .Text(@ViewBag.a)
               .Position(ChartTitlePosition.Top))

               .Legend(legend => legend
               .Visible(true)
               .Position(ChartLegendPosition.Top))
               .Series(series =>
               
                   series
                   .Column(model => model.a, categoryExpression: model => model.date).Name("name")
                   .Aggregate(ChartSeriesAggregate.Count)
                    .Labels(labels => labels.Visible(true).Position(ChartBarLabelsPosition.Center));
                   series
                   .Column(model => model.b, categoryExpression: model => model.date).Name("name")
                   .Aggregate(ChartSeriesAggregate.Count)
                    .Labels(labels => labels.Visible(true).Position(ChartBarLabelsPosition.Center));


               )
                    .Events(ev => ev.DataBound("onDB"))



               .CategoryAxis(axis => axis
               .Date()
               .BaseUnit(ChartAxisBaseUnit.Years)
               .MajorGridLines(lines => lines.Visible(true))

               )



               .Theme("metro")
               .Tooltip(tooltip => tooltip
               .Visible(true)
              .Template("#= series.name #: #= value #")))

当我使用此代码时：

 .ValueAxis(axis => axis.Numeric().Labels(labels => labels.Format("0:n0"))),

我得到这样的 y 轴值：

7 8 8 8 8 8 8 9 9 9 9 9 9

【参考方案1】：

您可以尝试在图表的值轴中添加主要单位。请参阅以下您需要附加的代码：

.ValueAxis(axis => axis.Numeric()
                       .Labels(labels => labels.Format("0:n0"))
                       .MajorUnit(1))