Question

我试图在我的图表列顶部显示值标签。我使用Kendo UI。

我找到了这个例子，但我还没有做到。这是一个例子：

如何在示例图表中显示100和20个值？

我试过这段代码但是我失败了。

    .Labels(labels => labels
            .Visible(true).Format("C").Position(ChartBarLabelsPosition.OutsideEnd)
        )

这是我的图表代码。我能做什么？谢谢你的帮助。

@(Html.Kendo().Chart(Model.TarihVM)
.Name("chart")
    .Title(title => title
    .Text("my chart title")
    .Position(ChartTitlePosition.Top))
   .Legend(legend => legend
        .Visible(true)
        .Position(ChartLegendPosition.Top))
    .Series(series =>
    {
      series
        .Column(model => model.deneme, categoryExpression: model => model.date).Name("deneme")
        .Aggregate(ChartSeriesAggregate.Count);
    series
       .Column(model => model.digerdeneme, categoryExpression: model => model.date).Name("digerdeneme")
       .Aggregate(ChartSeriesAggregate.Count);

    series
      .Column(model => model.KapsamDisi, categoryExpression: model => model.date).Name("Kapsam Dışı Dosyalar")
      .Aggregate(ChartSeriesAggregate.Count);

    })
    .CategoryAxis(axis => axis
    .Date()
    .BaseUnit(ChartAxisBaseUnit.Months)
    .MajorGridLines(lines => lines.Visible(true))
   )
      .Theme("metro")
      .Tooltip(tooltip => tooltip
    .Visible(true)
             .Template("#= series.name #: #= value #"))
)

Answer 1

请尝试使用以下标签中的代码来解决问题：

.Labels(label => label.Visible(true)
                      .Format("{0:C0}")
                      .Position(ChartBarLabelsPosition.OutsideEnd))

Answer 2

答案谢谢你@D_Learning和@Nitin Mall！

如果有人需要，这是解决方案：

.Series(series =>
{
series
.Column(model => model.deneme, categoryExpression: model => model.EvrakTarih)
   .Name("deneme")
   .Aggregate(ChartSeriesAggregate.Count)
   .Labels(labels => labels.Visible(true).Format("C").Position(ChartBarLabelsPosition.OutsideEnd);
);

如何在kendo条形图列顶部显示标签？

2 个答案: