Question

解释

我有一个点图表，效果很好。但是，我的任务是更改y轴，使其从接近最小显示数字的数字开始。之前它从0开始，这意味着查看一组大量数字是毫无意义的，因为它们看起来都处于同一水平。

我不是D3专家，但我已经包含了我认为是下面代码的相关部分。如果有必要的话，我非常乐意加入不同的部分。

知道可能导致这种情况的原因吗？

代码

var xAxisGroup = svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")")
    .attr("transform", "translate(0," + (self.yScale(0)) + ")")
    .call(self.xAxis)
    .selectAll("text")
    .attr("y", 10)
    .attr("x", -10)
    .attr("dy", ".35em")
    .attr("transform", "rotate(315)")
    .style("text-anchor", "end");

附加代码

我认为这也非常有用。它出现在上一个代码之后。

imagePullPolicy: IfNotPresent

Answer 1

我发现了问题，就是这行代码。

.attr("transform", "translate(0," + (self.yScale(0)) + ")")

它将x轴向下移出可见的视线。

只使用下面的代码就可以了。

.attr("transform", "translate(0," + height + ")")

（D3.js）当我将y轴域设置为最小值大于0时，x轴消失

1 个答案: