在散点图d3.js中动态命名轴

Question

如何在散点图中为x和y轴动态分配变量名称？ 这是我从此站点获取的示例之一

D3.js x轴时标

该轴已命名为Date和value，分别来自jsfiddle的行号109和121。

      .text("Date");
      .text("Value");

如果使用不同的数据集，我们如何根据用户选择动态更改这些值。 我的意思是说，我正在开发一个应用程序，其中用户选择数据并由散点图自行更新。

Answer 1

您可以做的是在轴的text元素上提供一个id，如下所示：

svg.append("g")
   .attr("class", "y axis")
   .call(yAxis)
   .append("text")
   .attr("class", "label")
   .attr("transform", "rotate(-90)")
   .attr("y", 6)
   .attr("dy", ".71em")
   .style("text-anchor", "end")
   .attr("id","my-axis-name")
   .text("Value");

因此，例如，一旦使用按钮更改了数据集，就可以在控制序列中添加：

 function myCoolUpdateFunction() {
     // Do stuff, e.g.
     svg.selectAll('circle').style("fill","red");

     //change the text of the axis
     svg.select('#my-axis-name').text("New Description")
 }

希望这可以帮助。