2

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/

どんな助けでも大歓迎です。

4

1 に答える 1

0

Kendo MVC を使用している場合は、データ クラスを拡張してサーバー側で作業を行うだけです。

public partial class myDataClass
{
    public int Total
    {
        get
        {
            return this.a + this.b + this.c;
        }
    }
于 2014-02-13T17:04:08.830 に答える