Question

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

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

我明白了，

7.4 7.6 7.8 8 ... ... 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

Answer 1

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

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

Kendo图表将y轴设置为整数数值

1 个答案: