Kendo堆积柱形图无法正确显示数据

Question

根据this或类似示例，我尝试使用kendo堆叠图表。

令我惊讶的是，图表显示不正确。

  $("#chart").kendoChart({
        dataSource: new kendo.data.DataSource({
            data: data,
            group: {
                field: "Serie"
            }
        }),
        series:
        [{
            type: "column",
            stack: true,
            field: "Value"
        },
        ],
        categoryAxis: {
            field: "Category"
        }
    });

我尝试将模型定义为附加plunker或其他各种变体，但数据仍然不正确，例如2016-07应该只显示2个活动，而它显示5个。

var data =
    [{ "Category": "2016-07", "Serie": "Physiotherapy", "Value": 35.00 },
        { "Category": "2016-07", "Serie": "Flex Class", "Value": 28.00 },
        { "Category": "2016-08", "Serie": "Flex Class", "Value": 27.00 },
        { "Category": "2016-08", "Serie": "Manual Therapy", "Value": 48.00 }
// rest in plunker
];

Answer 1

好的，我明白了。为了使其正确显示，需要在dataSource中提供Category-Serie的所有组合，并用缺少Serie的零填充，例如，就像那样

{ "Category": "2016-07", "Serie": "Manual Therapy", "Value": 0 }