单个栏上的多个数据"在剑道的条形图

时间:2014-10-01 01:18:07

标签: kendo-ui kendo-chart

我有以下代码:

$("#scaledScore").kendoChart({
        dataSource: chartData(),     // return array list.
        series: [
            {
                type: "bar",
                field: "StudentScore",
                name: "Student's score"
            }
        ],
        valueAxis: {
            field: "SchoolScore"
        },
        categoryAxis: {
            field: "Description"
        }
    });

function chartData(){
    var sampleData = new Array();

    sampleData[0] = {
        Description : "Math",
        StudentScore: 45,
        Subject: Math
    };

    sampleData[1] = {
        Description : "Science",
        StudentScore: 60,
        Subject: Science
    };

    sampleData[2] = {
        Description : "English",
        StudentScore: 45,
        Subject: English
    };

    return sampleData;
}

上述代码将按预期呈现带有(数学,科学和英语)(三)条的条形图。但我想要的只是一个单一的酒吧(数学,科学和英语)。说数学值将具有红色,科学将具有绿色,英语将具有蓝色。

这可能吗?

仅供参考:Stacked Bar对我不起作用。

由于

1 个答案:

答案 0 :(得分:0)

我认为叠加的酒吧就是你想要的。如果这不起作用,也许我们的起点应该是你的非工作堆积条样本代码?