Javascript 在d3中添加勾号

我是d3.js的新手，我有一个水平div，我也想添加记号。通过一个例子，我可以在垂直线上创建记号，但当我试图用

var svg=d3.选择（“#条”）

记号消失。如何在

div

中添加记号

var svg=d3.选择（“svg”），
边距={top:20，right:0，bottom:20，left:0}，
宽度=svg.attr（“宽度”）-margin.left-margin.right，
高度=svg.attr（“高度”）-margin.top-margin.bottom，
g=svg.append（“g”）.attr（“transform”、“translate”（+margin.left+）、“+margin.top+”）；
var x=d3.scalePoint（）
.domain（[0,1,2]）
.范围（[0，宽度]）
.填充（1）；
变量y=d3.scaleLinear（）
.domain（[0，1000]）
.范围（[250,0]）；
g、 附加（“g”）
.attr（“转换”、“平移”（+x（0）+”，0）
.attr（“类”、“轴”）
.呼叫（d3.左（y）
.蜱虫（6，）
#条{
宽度：250px；
高度：20px；
顶部：20px；
边框：0像素纯黑；
背景：rgba（12,12,12,0.8）；
颜色：#eee；
字体系列：“开放式Sans”，无衬线；
}
@GerardoFurtado是正确的，您只能将它们添加到svg中。您可以获取应用于y轴的内容，并将其修改为x轴

您可以为路径指定一个类，然后使用svg设置其样式


var svg=d3.选择（“svg”），
边距={top:20，right:0，bottom:20，left:0}，
宽度=svg.attr（“宽度”）-margin.left-margin.right，
高度=svg.attr（“高度”）-margin.top-margin.bottom，
g=svg.append（“g”）.attr（“transform”、“translate”（+margin.left+）、“+margin.top+”）；
var x=d3.scalePoint（）
.domain（[0,1,2]）
.范围（[0，宽度]）
.填充（1）；
变量y=d3.scaleLinear（）
.domain（[0，1000]）
.范围（[250,0]）；
g、 附加（“g”）
.attr（“转换”、“平移”（+x（0）+”，0）
.attr（“类”、“轴”）
.呼叫（d3.左（y）
.蜱虫（6，）；
g、 附加（“g”）
.attr（“转换”、“平移”（+x（0）+”，250）”
.attr（“类”、“条”）
.call（d3.axisBottom（x）
.蜱虫（6，）
.bar路径{
填充：rgba（12,12,12,0.8）；；
冲程：#eee；
笔画宽度：1；
}
.bar.勾选文本{
填充：暗灰色；
}
.bar.刻度线{
不透明度：0；
}
@GerardoFurtado是正确的，您只能将它们添加到svg中。您可以获取应用于y轴的内容，并将其修改为x轴

您可以为路径指定一个类，然后使用svg设置其样式


var svg=d3.选择（“svg”），
边距={top:20，right:0，bottom:20，left:0}，
宽度=svg.attr（“宽度”）-margin.left-margin.right，
高度=svg.attr（“高度”）-margin.top-margin.bottom，
g=svg.append（“g”）.attr（“transform”、“translate”（+margin.left+）、“+margin.top+”）；
var x=d3.scalePoint（）
.domain（[0,1,2]）
.范围（[0，宽度]）
.填充（1）；
变量y=d3.scaleLinear（）
.domain（[0，1000]）
.范围（[250,0]）；
g、 附加（“g”）
.attr（“转换”、“平移”（+x（0）+”，0）
.attr（“类”、“轴”）
.呼叫（d3.左（y）
.蜱虫（6，）；
g、 附加（“g”）
.attr（“转换”、“平移”（+x（0）+”，250）”
.attr（“类”、“条”）
.call（d3.axisBottom（x）
.蜱虫（6，）
.bar路径{
填充：rgba（12,12,12,0.8）；；
冲程：#eee；
笔画宽度：1；
}
.bar.勾选文本{
填充：暗灰色；
}
.bar.刻度线{
不透明度：0；
}

您是否试图在HTML div中绘制轴，是否正确？axis generator创建
、
和
元素，这些元素将在SVG中工作，而不是在HTML div中。只有文本会显示（但不会按比例显示）。您是否尝试在HTML div中绘制轴，对吗？axis generator创建
、
和
元素，这些元素将在SVG中工作，而不是在HTML div中。只显示文本（但不按比例显示）。