在带有画笔的D3轴上添加特定的刻度

Question

我需要帮助，将特定的刻度添加到也用刷子聚焦的轴上。我在这里找到了一个关于静态轴（没有刷子）的类似问题/答案：

Adding a specific tick to a D3.js axis

这与我正在尝试做的事情类似。我的图表与此示例更相似：

http://blockbuilder.org/pergamonster/419aef09c21ffe8dd1dac971016468d6

假设您想始终在全轴和聚焦轴上都打上“ 7月4日”标记。我在我的代码中尝试了上述问题/答案中的axis.ticks（）。push（... arrayOfNumbers），但没有任何反应。如果我执行axis.tickValues（arrayOfNumbers），则仅将这些数字作为刻度，但是我想在焦点区域的轴上使用自动缩放数字加我的特定数字。

任何帮助将不胜感激。

P.S。尽管我的图表类似于关于aboutblockBuilder的示例，但如果有关系，我将使用linearScale而不是timeScale。谢谢

Answer 1

绘制第二个x轴，仅在其中指定额外的刻度。

read(file,buffer,4);

您需要一些CSS才能隐藏额外的svg.append('g') .attr('class', 'x-axis-extra') .attr("transform", `translate(0,${height})`) .call(d3.axisBottom(xScale).tickValues([2.78,3.14]));

path