如何构建原点具有单个标签的坐标轴？

Question

我希望用d3.js绘制多项式函数，并且我正在寻找正确的解决方案（这应该比从头开始构建轴更简单）如何构造坐标轴< / strong>在2D中，我有一个原点的单一标签。

Answer 1

D3轴可以在生成后进行操作。例如，您可以通过专门选择来删除原始标签：

//make default origin labels invisible
svg.selectAll(".axis g text")
    .filter(function(d) {return d==0 ? true : false})
    .style("opacity", 1e-6);

然后您可以添加自己的原始标签：

//add a custom origin identifier
svg.append("text")
    .attr({
        "class": "origintext",
        "x": -8,
        "y": height + 8,
        "text-anchor": "end",
        "dy": ".71em"
    })
    .text("(0,0)");

请在此处查看完整实施：http://jsfiddle.net/kcPEX/1/