我要如何在d3.js中更改光标？

Question

这是与js处理完成时的基本Javascript加载消息有关的问题

我的主要问题是，在调用我的两个函数drawlegend（）和display（）之前，不会更改光标，而在一切完成后才更改。 使用下面的代码，其中光标的恢复临时被注释掉了，我得到了沙漏，但是在一切完成之后。

在调用慢速功能之前，如何使光标变为沙漏？

examplefunc()
{
   mini.append("text")
    .text(series[i].name)
    .attr("x",30)
    .attr("y",(15+(15*i)))
    .attr("stroke",(d3.rgb(192,192,192)))
    .attr("fill",(d3.rgb(192,192,192)))
    .attr("stroke-width",0)
    .style("font-size","12px")
    .attr("text-anchor","start")
    .attr("id","legend")
    .on('mouseup', legendclick);
}

//===== legend clicked
function legendclick()
{
   //--- get mouse pos
   var origin = d3.mouse(this);

   //---  get channel
   var ch=Math.floor((origin[1]-4)/15);

   //--- toggle active state
   if (series[ch].active==true)
      series[ch].active=false;
   else
      series[ch].active=true;

   setTimeout(setcursor("wait"),5);         
   drawlegend();
   display();
   //setTimeout(setcursor("default"),5); // temp removed to see any result at all
 }

//===== set cursor
function setcursor(cursor)
{
  d3.select("body").style("cursor", cursor);
}

Answer 1

众所周知，使用javascript执行操作会挂起您的应用程序。 这意味着屏幕上仅显示最终输出。 因此，当您将光标更改为“ wait”并且在执行后将其更改为“ cursor”时，javascript并没有将其更改，因为ui线程正忙于计算函数“ drawlegend”和“ display”中的内容。 但是，我认为当您执行“ drawlegend”和“ display”异步时就像

setTimeout(function () {
        drawLegend();
        display();
        setcursor("default");
}, 0);

然后事情应该像您想要的那样进行。 让我知道这是否适合您。

额外信息： 此幻灯片共享 （尤其是幻灯片5）上说明了您的问题所在。