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 }