无法向条形图添加网格线

Unable to add grid lines to bar chart

本文关键字：添加 网格线 条形图      更新时间：2023-09-26

我是D3的新手，我已经构建了这个条形图。

我想添加网格线平行于x轴仅。我看到了这个教程，并在第76行添加了代码。

function make_x_axis() {        
    return d3.svg.axis()
        .scale(x)
         .orient("bottom")
         .ticks(5)
}
svg.append("g")         
        .attr("class", "grid")
        .attr("transform", "translate(0," + height + ")")
        .call(make_x_axis()
            .tickSize(-height, 0, 0)
            .tickFormat("")
        );

然而，它没有帮助。

我在这里错过了什么?

jsFiddle

首先，如果你想让直线平行于x轴，你应该使用make_y_axis函数。为什么你的行不显示:你有.tick line { display: none }，你应该删除那行。http://jsfiddle.net/47z9bua3/8/

相关文章：