kendo-ui - 如何在 kendo ui 堆叠条 mvc 上显示标签中的值总和（使用 .net mvc）

Question

我想知道如何在 kendo ui 堆叠条 mvc（使用 .net mvc）上的标签中显示值的总和。

我知道它可以使用javascript来实现。js代码是：

$(function(){
        //create Kendo UI Chart
        $("#chart").kendoChart({
            dataSource:{
                data:[{
                    a: 22,
                    b: 11,
                    c: 33
                },{
                    a: 2,
                    b: 1,
                    c: 3
                }],
                schema: {
                    parse: function(response){
                        return processResponse(response);
                    }
                }
            },
            seriesDefaults: {
                type: "column",
                stack: true
            },
            series: [{
                field: "a",
                name: "a"
            },{
                field: "b",
                name: "b"
            },{
                field: "c",
                name: "c",
                labels: {
                    //get total via dataItem
                    template: "#= dataItem.total #",
                    visible: true
                }
            }],
            legend: {
                visible: true,
                position: "bottom"
            }
        })
    })

    function processResponse(response){
        console.log(response);
        var length = response.length,
            item, i; 

        for (i=0; i<length; i++){
            item = response[i];
            //sum of a + b + c
            item.total = item.a + item.b + item.c;
        }
        return response;            
    }

HTML 代码是：

<div id="chart"></div>

我想使用 .net mvc 来实现同样的目标。有没有办法将上述代码中的模式传递给 series.column 属性？下面是js小提琴链接。

http://jsfiddle.net/5rsLt/

任何帮助，将不胜感激。

Answer 1

如果使用 Kendo MVC，我只需通过扩展我的数据类在服务器端完成工作：

public partial class myDataClass
{
    public int Total
    {
        get
        {
            return this.a + this.b + this.c;
        }
    }