【问题标题】:multiple data on a "single bar" in a bar chart in Kendo剑道条形图中“单个条形”上的多个数据
【发布时间】:2014-10-01 01:18:07
【问题描述】:

我有以下代码:

$("#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 不适用于我。

谢谢

【问题讨论】:

    标签: kendo-ui kendo-chart


    【解决方案1】:

    我认为堆叠条是您想要的。如果这不起作用,也许我们的起点应该是您的非工作堆叠条示例代码?

    【讨论】:

    • 堆叠条的问题下一个值将呈现在第一个之上。例如,数学的值为 50,然后科学的值为 60。现在,“X”轴上的 1 - 50 值将显示为红色,而下一个 51 - 110 的 60 值将显示为绿色。我想要的是从值 1 - 50 :红色和 50 - 60 将是绿色。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-18
    • 2023-03-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-19
    相关资源
    最近更新 更多