軸字體需要不大膽

Question

我有以下的現場演示：plnkr.co

我想：
1.保持軸刻度線
2.保持軸標籤
3.保留隱藏軸線

如何更改軸標籤的字體，以便它們是而不是加粗？

這個我覺得是越來越糊塗了的css的部分：

.xAxis { 
    font-family: Verdana; 
    font-size: 8px; 
    font-weight: 200; 
    fill: black; 
} 

.xAxis text { 
    font: 8pt Verdana; 
    fill: black; 
} 

.yAxis { 
    font-family: Verdana; 
    font-size: 8px; 
    font-weight: 200; 
    fill: black; 
    /*shape-rendering: crispEdges;*/ 
} 

.yAxis text { 
    font: 8pt Verdana; 
    fill: black; 
} 

.tick { 
    stroke: black; 
    fill: black; 
    shape-rendering: crispEdges; 
} 

.domain { 
    fill: none; 
} 

Answer 1

添加行程：無;到YOUT .xAxis文本清晰度，像這樣：

.xAxis text { 
    font: 8pt Verdana; 
    stroke: none; 
    fill: black; 
} 

你實際上並沒有使文本加粗這裏（如字體重量：大膽;），而是繪製它周圍的行。這也是你的文本如此模糊的原因，在大多數情況下，使用（小）文本元素上的描邊不是一個好主意。