Axesのフォントが太字にならないために必要

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

あなたが実際に（フォントの太さのような：太字;）ここにテキストを太字になっていませんが、代わりにその周りに線を引きます。その理由は、あなたのテキストがぼやけている理由でもありますが、（小さな）テキスト要素にストロークを使用することは、ほとんどの場合、良い考えではありません。