首页 文章

在剑道图上显示工具提示

提问于
浏览
0

我正在使用Telerik UI for ASP.NET Core

我有一个显示 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()方法,但我无法确定显示计数和月份的语法 .

2 回答

  • 1

    你使用模板 . “category”是您想要的特殊关键字

    "#= category # - #= value #"
    

    您可能希望格式化日期,所以尝试这样的事情:

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

    这是一种在图表工具提示中获取系列名称的方法 .

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

相关问题