Question

我们如何在散点图中动态地将变量名称分配给x和y轴？这是我从本网站获取的一个例子

轴已被命名为日期和值，它们分别来自jsfiddle的行号109和121。

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

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

Answer 1

你可以做的是在轴的文本元素上提供一个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")
 }

希望这有帮助。

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

1 个答案: