卡尔 - 热图 - 如何格式化日期和值subDomainText细胞

Question

我想包括在使用Cal-HeatMap

这里同一小区日期和价值是什么，我试图做一个小提琴例子。 ...

[https://jsfiddle.net/paulrollings/6L36ajhn/12/][2] 

任何意见的帮助，非常感谢。感谢保罗

Answer 1

CalHeatMap呈现后，您可以砍它：

// wrap in timeout to let map render 
setTimeout(function(){ 
    var t = d3.selectAll('.subdomain-text') // find all the text blocks 
    .text(null); // blank them out 
    t.append('tspan') 
    .text(function(d){ 
     return new Date(d.t).getDate(); //append tspan with date 
    }) 
    .attr('x', function(d){ 
     return d3.select(this.parentNode).attr('x'); // steal parent x value so it stays in place 
    }); 
    t.append('tspan') 
    .text(function(d){ 
     return "€" + d.v; //append tspan with value 
    }) 
    .attr('dy','1.2em') 
    .attr('x', function(d){ 
     return d3.select(this.parentNode).attr('x'); // steal parent x value so it stays in place 
    }); 
}, 100); 

更新小提琴here。