Kendo ui 剑道条形图中“单个条形”上的多个数据

我有以下代码：

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

上述代码将呈现一个条形图，其中包含数学、科学和英语的三个条形图。但我想要的是只有一个数学、科学和英语的酒吧。假设数学值为红色，科学值为绿色，英语值为蓝色

可能吗

仅供参考：堆叠的酒吧对我不起作用

---

谢谢

我想堆叠的吧台正是你想要的。如果这不起作用，也许我们的起点应该是您的非工作堆叠条形码示例代码？

堆叠条形码的问题-下一个值将在第一个值的顶部呈现。例如，数学的值为50，然后科学的值为60。现在，“X”轴上的1-50值将被涂成红色，而下一个从51-110的60值将被涂成绿色。我想要的是值1-50：红色和50-60将是绿色。

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