D3折线图中的x轴域问题

Posted 2023-02-25

【中文标题】D3折线图中的x轴域问题

【英文标题】：x axis domain issue in D3 Line chart

【发布时间】：2013-09-02 18:06:11

【问题描述】：

我在 D3 中绘制了一个折线图。我在 x 轴对齐方面遇到问题。小提琴Link

var x = d3.scale.ordinal().rangeRoundBands([0, width], .2);

    x.domain(dataset.map(function(d)  
        return d.qName; ));

问题是 -“点和 x 轴不在同一水平线上”。 （有一些可见的转变））。 如何将 Q1 移动到 x 轴和 Y 轴的交点。 非常感谢您在这方面的任何帮助。

【参考方案1】：

您可以通过调整包含轴的组的平移来调整高度，例如更改值height in

svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")");

例如，您可能想尝试(height-20)。