Показана подсказка кендо диаграммы

Question

Я использую Telerik UI для ASP.NET Ядра

У меня есть кендо диаграмма, которая показывает date vs int график. Модель имеет 2 свойства CreatedDateTime(datetime) и Count(int). График суммирует сумму по месяцам. Ниже приводится модель и график

public class Document 
{ 
    public DateTime CreatedDateTime { get; set; } 

    public int Count { get; set; } 
} 



@model IEnumerable<Document> 

@(Html.Kendo().Chart(Model) 
       .Name("chart") 
       .Title("Dashboard Metrics") 
       .Legend(legend => legend 
       .Position(ChartLegendPosition.Bottom) 
      ) 
      .Series(series => 
      { 
       series 
       .Area(model => model.Count, model => model.CreatedDateTime) 
       .Aggregate(ChartSeriesAggregate.Sum) 
       .Name("Document Count").Color("#BA2727").Opacity(.7); 
      }) 
      .CategoryAxis(axis => axis 
       .Date() 
       .BaseUnit(ChartAxisBaseUnit.Months) 
       .Labels(labels => labels.DateFormats(formats => formats.Months("MMM"))) 
      ) 
      .Tooltip(tooltip => tooltip 
       .Visible(true)    
       .Format("{0:N0}")) 
     ) 

В настоящее время график показывает только «Count` в подсказке, в дополнение я также хочу показать месяц в подсказке.

Я хотел бы знать, какой будет синтаксис для всплывающей подсказки, чтобы показать месяц? Существует метод tooltip.template(), но им не удается определить синтаксис, чтобы показывать как количество, так и месяц.

Answer 1

Вы используете шаблон. «Категория» это специальное ключевое слово вы хотите

"#= category # - #= value #" 

Вы, вероятно, хотите, дата отформатированный, поэтому попробовать что-то вроде этого:

"#= kendo.toString(category , 'd/M/yyyy') # - #= value #" 

Answer 2

Вот способ получить название серии внутри всплывающей подсказки диаграммы.

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