需要使用远程Kendo分组和堆积条形图

Question

我正在使用Kendo条形图，它将显示为动态数据分组和堆叠。在类别字段中，我需要显示用户名，它必须显示相应的度量值，此处度量值是动态的和可变的，度量计数值以条形显示，就像堆积条一样。

例如： 公制值为 - 高，低，中等，...... 度量值计数 - ＆gt;高4，低2和中-5，.. 这里计数4,2和5将显示在堆积条中。

像这样我必须为多个用户显示各自的值。 下面我展示了我的代码，我可以知道如何使用动态堆叠条形剑道图，并且我可以解决上述问题。

代码图表定义

$("#chartForWorkItems").kendoChart({

    title: {
        text: "Bugs State Analysis"
    },
    //defining the datasource for loading the chart
    dataSource: {
        transport: {
            read: {
                url: baseUri + "ProjectReportWorkItemChart/chartDisplayForWorkITems",
                cache: false,
                type: "POST",
                dataType: "json",
                complete: function (e) {




                },
            },
            parameterMap: function (options, operation) {
                console.log(selectedCategoryByMetrics);
                if (operation == "read") {
                    return {
                        workItems: selectedCategoryByMetrics,
                        Projectid: sessionStorage.getItem("prjprojectid"),
                        metricsWithWorkItem: metricsWithWorkItem,
                        users: usersSelected
                    }
                }
            },


        },
        schema: {
            model: {
                id: "field",
                fields: {
                    field: { type: "string" },
                    count_f: { type: "string" },
                    metric: { type: "string" },
                    assignedTo: { type: "string" },
                }
            }
        }
    },
    chartArea: {
        width: 400,
        height: 300,
    },
    seriesDefaults: {
        type: "column",

    },
    series: [{
        field: "count_f",

    },

    ],
    categoryAxis: {
           categories: "assignedTo",
        field: "field",
        majorGridLines: {
            visible: true
        }
    },

    valueAxis: [{                 //display count in the value axis
        line: {
            visible: true
        },
        majorGridLines: {
            visible: true
        }

    }],
    tooltip: {                      //To display tool tip
        visible: true
    },
});