Обратный вызов кнопки d3 в добавленном html

У меня есть раздел кода d3 с html.

var div = d3.select("body")
              .append("div")
              .attr("id", "mouseover")
              .attr("class", "decisionMenu")
              .style("opacity", 1)
              .html('
              <button type = "button" onclick = "doFunction();">Click Me</button>')

doFunction определяется следующим образом:

function doFunction() {
 console.info("decision button click"); 
}

Я хотел бы вызвать doFunction в обратном вызове onclick для кнопки. однако компилятор не может найти doFunction, поскольку html находится в строке. как сделать вызов функции при нажатии кнопки?

редактировать (я не включал это раньше):

У меня есть функция, вызываемая из другой функции:

function showDecisionMenu(d) {            var g = d3.select(this); 
            var div = d3.select("body")
              .append("div")
              .attr("id", "mouseover")
              .attr("class", "decisionMenu")
              .style("opacity", 1)
              .html('<button type = "button" onclick = "doFunction();">Click Me</button>')

звонил отсюда:

nodeEnter.on("mouseover", showDecisionMenu)