Javascript 在D3中使用自定义轴标签和值打印数据点

Javascript 在D3中使用自定义轴标签和值打印数据点,javascript,d3.js,axis,datapoint,Javascript,D3.js,Axis,Datapoint,如果我想在图形上绘制一个数据点(一个圆),我需要给出它和x/y坐标。 我的y轴有数字,但我将x轴格式化为具有自定义名称标签。这些自定义标签放置在距离为100像素的位置,每个位置都有刻度值,例如100200300等 xAxis = d3.svg.axis() .scale(xScale) .orient("bottom") .tickValues(createTickValuesArray(arr.length

如果我想在图形上绘制一个数据点(一个圆),我需要给出它和x/y坐标。 我的y轴有数字,但我将x轴格式化为具有自定义名称标签。这些自定义标签放置在距离为100像素的位置,每个位置都有刻度值,例如100200300等

        xAxis = d3.svg.axis()
            .scale(xScale)
            .orient("bottom")
            .tickValues(createTickValuesArray(arr.length))
            .tickFormat(formatAxis);
createTickValuesArray只是为我生成数字数组


如果我想绘制一个数据点,我需要给它一个数值吗?或者我可以使用x轴上的标签名称吗

你需要传递的数据与你在其他地方传递给天平的数据相同。你能再解释一下你的意思吗?我不太明白:(在代码中的某个地方,您正在将一些数据传递到
xScale()
,例如
xScale(d)
。无论您传递的数据的格式如何,在其他情况下都需要传递。好的,我会仔细查看并记住这一点,谢谢