Cal-heatmap'te bir alt alana etiketlerimi nasıl eklerim?

Question

Son bir haftalık veriyi görüntüleyen bir cal-heatmap var. Her satır bir gündür ve her sütun bir saattir. Günlerimde etiketlerim var ama saatler değil. Bunları nasıl ekleyebilirim?

var cal = new CalHeatMap(); 
    cal.init({ 
     itemSelector: "#cal-heatmap", 
     domain: "day", 
     subDomain: "hour", 
     rowLimit: 1, 
     domainGutter: 0, 
     data: data, 
     start: new Date(_.keys(data)[0] * 1000), 
     cellSize: 15, 
     cellPadding: 5, 
     cellRadius: 3, 
     range: 7, 
     verticalOrientation: true, 
     displayLegend: false, 
     label: { 
      position: "left", 
      offset: { 
       x: 20, 
       y: 12 
      }, 
      width: 110 
     }, 
     legend: [40, 80, 120, 160, 200, 240, 280, 320], 
     legendColors: ["#f9eb49", "#d66938"] 
    }); 

Answer 1

Yazara göre, bu henüz mümkün değil, bu yüzden iyi görünen bir geçici çözüm buldum. Boş bir etiketli tek bir satır gösteren ana cal-heatmapimin üstünde bir başka div yaptım, böylece aşağıdaki tabloyla aynı hizaya geliyor. Sonra aşağıdaki kod ile doldurun:

var labels = new CalHeatMap(); 
    labels.init({ 
     itemSelector: "#cal-heatmap-labels", 
     domain: "day", 
     subDomain: "hour", 
     rowLimit: 1, 
     domainGutter: 0, 
     data: {}, 
     cellSize: 15, 
     cellPadding: 5, 
     cellRadius: 3, 
     range: 1, 
     verticalOrientation: true, 
     displayLegend: false, 
     tooltip: true, 
     subDomainTextFormat: "%-I", 
     subDomainDateFormat: "%-I%p", 
     domainLabelFormat: "", 
     label: { 
      position: "left", 
      offset: { 
       x: 20, 
       y: 12 
      }, 
      width: 110 
     } 
    }); 

Bu benim için çalışıyor ve yarı olarak iyi görünüyor. Umarım bu özellik geliştirilinceye kadar en azından birisine yardımcı olur.