在Vizframe热图SAPUI5中显示多列

Question

我正在尝试使用vizframe创建热图。我是SAP的新手，正面临以下困境：

这是我从后端获取数据的方式：（每天销售一周）

var oData = {
  "results": [{
      "Day1": "1200.00",
      "Day2": "1500.00",
      "Day3": "1600.00",
      "Day4": "1700.00",
      "Day5": "1800.00",
      "Day6": "1900.00",
      "Day7": "2000.00",
      "ProductDesc": "Product X",
      "Location": "Ga"
    }]};

我想在热图中显示它们，使我具有以下列布局：（以带亮点的单元格为热图）。 See desired outcome

我能够使用产品名称作为维度并以第一天的值作为度量来为第一天的值创建热图，但是我不知道如何添加多列。

任何指针/指导将不胜感激。 这是我在jsfiddle中的当前设置： https://jsfiddle.net/ismunim/4vr10xdc/