【问题标题】:Add aggregate function on tooltip in kendo chart在剑道图表的工具提示上添加聚合功能
【发布时间】:2014-11-12 16:19:09
【问题描述】:

我正在使用具有日期 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 美元”

我的问题是。有没有办法为我的剑道工具提示指定自定义聚合函数?

图表代码为:

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];
}

我希望你能帮助我。 你好, 路易斯。

【问题讨论】:

    标签: javascript asp.net-mvc kendo-chart kendo-tooltip


    【解决方案1】:

    没关系,我刚刚找到了答案。 在聚合函数上,我只返回当前点的值。 我应该按如下方式返回整个 dataItem:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多