D3Js按钮onclick与数据作为参数不工作.html()

9nvpjoqh  于 2023-05-18  发布在  其他
关注(0)|答案(1)|浏览(144)

我希望我的按钮,这是通过D3Js中的.html创建的,可以调用fillTable函数,并给予d(data)作为参数。问题是,在下面的例子中,我得到了Uncaught ReferenceError: d is not defined

d3.select("#test")
                    .selectAll("div")
                    .data(myData)
                    .enter().append("div")
                    .attr("class", "process")
                    .html(function (d, i) {
                        if (typeof d === 'object') {
                            console.log(d);
                            let processHtml = "<button title='Process settings' onclick = 'fillTable(d)' class='btn'></button>"
                         }
                   return processHtml
                     )}

function fillTable(data) {
   console.log(data)
}

我已经尝试将processHTML更改为:

let processHtml = "<button title='Process settings' onclick = 'process.fillComponentTable('" + d + "')' class='btn'></button>"

结果是:

Uncaught SyntaxError: expected expression, got '}'

我该怎么解决这个问题?

rwqw0loc

rwqw0loc1#

fillTable(“+ JSON.stringify(d)+“)'

相关问题