cal-heatmapのサブドメインにラベルを追加するにはどうすればよいですか？

Question

私は、データの最後の週を表示しているCAL-ヒートマップを持っています。各行は1日で、各列は1時間です。私は日にラベルを持っていますが、時間はありません。これらをどのように追加できますか？

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

著者によると、これはまだ可能ではありませんので、私はうまくいきませんでした。私はちょうど空のラベルが付いている単一の列を示すように私が下の表と上に並ぶように私の主要なcal-heatmapの上に別のdivを作った。次に、次のコードを入力します。

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 
     } 
    }); 

これは私のために働いており、半分まともです。うまくいけば、これは少なくともこの機能が開発されるまで誰かを助けてくれるでしょう。