轴字体不需要粗体。

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

添加笔画: none；将.xAxis文本定义如下：

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

实际上，您并不是在这里将文本粗体化(比如字体大小:粗体；)，而是在它周围画一条线。这也是为什么你的文本如此模糊的原因，在大多数情况下，在(小)文本元素上使用笔画不是一个好主意。