gpt4 book ai didi

javascript - Cal-HeatMap - 如何格式化 subDomainText 单元格中的日期和值

转载 作者:行者123 更新时间:2023-11-28 19:07:52 25 4
gpt4 key购买 nike

我尝试使用 Cal-HeatMap 在同一单元格中包含日期和值

这是我正在尝试做的事情的一个 fiddle 示例......

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

非常感谢任何建议帮助。谢谢保罗

最佳答案

您可以在 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);

更新了 fiddle here .

enter image description here

关于javascript - Cal-HeatMap - 如何格式化 subDomainText 单元格中的日期和值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31367497/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com