D3折线图中的x轴域问题答案

【问题标题】：x axis domain issue in D3 Line chartD3折线图中的x轴域问题
【发布时间】：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)。

【讨论】：