【问题标题】:Kendo Stacked Bar Chart configuration剑道堆积条形图配置
【发布时间】:2014-07-28 04:53:51
【问题描述】:

我有一个 MVC 应用程序,我的控制器正在将以下 json 数据传递给我的视图

data:
{
    "Category":"Q1 2013",
    "Name":"Female",
    "Count":5000
},
{
    "Category":"Q1 2013",
    "Name":"Male",
    "Count":5000
}
{
    "Category":"Q1 2012",
    "Name":"Female",
    "Count":3500
},
{
    "Category":"Q1 2012",
    "Name":"Male",
    "Count":5000
}

我需要知道如何配置我的剑道堆积条形图以显示像这样的数据http://jsfiddle.net/ihatemash/B6LSX/

我不知道如何配置系列和类别以正确显示堆叠条形图。

【问题讨论】:

    标签: asp.net-mvc kendo-ui kendo-dataviz


    【解决方案1】:

    这里是工作示例 http://jsfiddle.net/idhasitha/F2TQ8/

    这样试试

    var data = [
    
        {"Name":1,"Year":2011,"Expense":200.00},
        {"Name":1,"Year":2012,"Expense":274.91},
        {"Name":5,"Year":2011,"Expense":100.00},
        {"Name":5,"Year":2012,"Expense":315.84},
    
    ];
    
    $(document).ready(function() {
        $("#chart").kendoChart({
            theme: "silver",
            title: {
                text: "Total records processed"
            },
            legend: {
                position: "bottom"
            },
            dataSource: {
                data: data,
                group: {
                    field: "Name"
                }
            },
            transitions: false,
            series: [{
                type: "column",
                stack: "true",
                field: "Expense"
            }],
            categoryAxis: {
                field: "Year"                                
            }
        });
    });
    

    【讨论】:

    • 我很高兴我以为你没有检查这个
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-26
    • 2014-02-09
    • 2013-09-12
    • 2020-09-14
    • 1970-01-01
    相关资源
    最近更新 更多