d3.js 求一个圆的d3js值

sczxawaw  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(197)

你好,我是D3JS的新用户,使用版本7,我有一个问题,找到一个由鼠标指向的圆圈的值。
下面的代码是:

.on("mousemove", (event, d) => {console.log("x10", d); )//WORKING}

在以下代码中:

d3.selectAll('circle')
  .on('mouseover', function(e, d) {
    d3.select(this)
    //.on("mousemove", (event, d) => {const x10 = console.log(event.currentTarget)+console.log("x10", d.measurement); })//WORKING
    .on("mousemove", (event, d) => {console.log("x10", d); })//WORKING
    //.console.log("A",x10) 
    .style('fill', 'red');

  })

因此,我可以在控制台上获得所需的信息(值60.49):

{
    "date": "2022-10-25T21:00:00.000Z",
    "measurement": 60.49
}

但是我想用var或const的形式得到返回值,所以我尝试了以下方法:

.on("mousemove", (event, d) => {var A = console.log("x10", d); })//NOT WORKING`

所以如果你们中有人能帮助我。Thx

laik7k3q

laik7k3q1#

如果此部件工作正常:

.on("mousemove", (event, d) => {console.log("x10", d); )//WORKING}

那么您可以使用它来调用您自己的函数,而不是console.log

d3.selectAll('circle')
  .on('mouseover', function(e, d) {
    d3.select(this)
    .on("mousemove", (event, d) => logMeasurement(event, d))
    .style('fill', 'red');
})

function logMeasurement(event, d){
    var a = d.measurement 
    console.log(a)
}

相关问题