我想為用D3創建的時間軸標簽指定一個字體大小。我已經試著用這把小提琴跟隨這個答案,但是它似乎不做任何事情。我也試過了
d3.selectAll(".xAxis>.tick>text")
.each(function(d, i){
d3.select(this).style("font-size",30);
});
無濟于事。不會那么難的...
事實證明,從技術上講,無單位數字不是有效的CSS字體大小說明符,它是否被忽略取決于瀏覽器。因此,使用
d3.select(this).style("font-size","30px");
代替
d3.select(this).style("font-size",30);
使用下面的代碼可以設置任何樣式的X標簽
const formatXLabel=()=>{
const parent = document.querySelector("."+ props.xAxis.class);
for(let x = 0; x<parent.children.length; x++) {
const ticks = parent.children.item(x);
if(ticks !==null && ticks.className.baseVal === 'tick') {
try {
const text = ticks.querySelector("text");
for (let sp in props.xAxis.labelStyles) {
text.style[sp.toString()] = props.xAxis.labelStyles[sp];
}
}catch (e){
console.log(e);
}
}
}
}