javascript - 访问之前在 javascript/jquery 中绘制的图

Question

我画了这样的图:

var items = $.get("./moonlight_sonata_diameter.data", function(data) {

    items = data.split(/\r?\n/).map( pair => pair.split(/\s+/).map(Number) );

    $(function () {

    plot = $.plot($("#placeholder"),
                  [ { data: linePoints} ], {
                        series: {
                            lines: { show: true }
                        },
                        crosshair: { mode: "x" },
                        grid: { hoverable: true, autoHighlight: false },
                        yaxis: { min: 0, max: 5 }

                    });
      });
  });

现在，在稍后的时刻，我想更新情节的十字准线。然而，由于它嵌入了如此多的功能，我不知道如何访问它，因为我对 jQuery 不熟悉。

在脚本中，我可以运行:

plot.setCrosshair({x: 100})

然而，在另一个脚本中，在另一个时间，不存在名为“plot”的对象。还有办法访问它吗？

Answer 1

实际上，您已将绘图创建代码放入文档就绪函数中，并且您的 plot.setCrosshair({x:100}) 在绘图创建代码之前执行。所以一个简单的设置超时就可以解决问题。

直接替换即可

 plot.setCrosshair({x: 4})

与

 setTimeout(function(){  plot.setCrosshair({x: 41})}, 3000);

这样就可以正常工作了。如果您在加载完整的 dom 后调用 setCrosshair 函数，那么您将不需要 setTimeout 函数。我希望这会有所帮助，如果没有，请告诉我。查看http://plnkr.co/edit/3cMHmzWEIk6c39mblb0Z?p=preview