Kendo堆积的柱形图不能正确显示数据

Question

基于this或类似的例子，我尝试使用剑道叠加图表。

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

$("#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

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

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