簡體   English   中英

在劍道圖中的工具提示上添加聚合函數

[英]Add aggregate function on tooltip in kendo chart

我正在使用具有日期x軸的劍道圖表。 我有幾個日期不同的點,但x軸僅顯示每月視圖。 我設置了一個自定義聚合函數來顯示與每個月相對應的LAST數據點,即

數據點是:

2014年1月1日-1500美元2014年1月3日-2000美元2014年1月10日-75美元

圖中顯示的是2014年1月-75美元

當我將鼠標懸停在這些點上時,我想顯示一個自定義工具提示,其中包含與每個點有關的一些自定義值。 工具提示中顯示的值是由我的業務邏輯生成的,因此我不認為在此處進行討論很重要。 可以說,對於上述值,我要顯示的工具提示是:

2014年1月1日-100美元2014年1月3日-200美元2014年1月10日-300美元

但是,當我將鼠標懸停在當月的匯總點上時,我希望工具提示顯示值“ C”(因為我以前的匯總函數)。 但是,顯示的值為:

2014年1月-'$ 100'

我的問題是。 有沒有辦法為我的kendo工具提示指定自定義聚合函數?

該圖表的代碼為:

public class MyModel{
            public DateTime Date {get; set;}
            public double ShownValue {get; set;}
            public double ToolTipValue {get; set;}
        }

@(Html.Kendo().Chart(List<MyModel>)
        .Name("myChart")
        .DataSource(dataSource => dataSource                
            .Sort(s => s.Add(fc => fc.Date))
        )                        
        .SeriesDefaults(seriesDefaults =>
            seriesDefaults.Line().Style(ChartLineStyle.Smooth)
        )
        .Series(series =>
        {
            series.Line(value => value.ShownValue, category => category.Date)                    
                .Aggregate("selectLastPoint");
        })
        .CategoryAxis(axis => axis                        
                    .Labels(labels => labels.Rotation(0).Format("MMM 'yy"))
                    .Date()                        
                    .BaseUnit(ChartAxisBaseUnit.Months)                                        
                    .Justify(false)
        )
        .ValueAxis(axis => axis.Numeric()
            .Labels(labels => labels.Format("{0:c}"))
            )
        .Tooltip(t => t
            .Visible(true)
            .Format("{0:c}")
            .Template("#= kendo.format('{0:C}',dataItem.TooltipValue) #")
        ))

我的聚合函數的代碼是:

function selectLastPoint(values) {
    return values[values.length - 1];
}

我希望你能幫助我。 問候,路易斯。

沒關系,我才找到答案。 在聚合函數上,我只返回當前點的值。 我應該返回整個dataItem,如下所示:

function selectLastPoint(values, series, dataItems) {
    return dataItems[dataItems.length - 1];
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM