如何知道高图图表是否渲染完毕

Question

我们正在调用 highcharts 库来渲染折线图。每个数据点都有一个置信下限和上限，我们也将其呈现为一条线。该线是使用 to_pixel 函数渲染的，以查找绘制线的坐标，并使用渲染器实际绘制它。

现在我们正在经历，在绘制完所有内容后（渲染折线图），图表通过倾斜 x 轴标签来扩展。这意味着图表向下扩展，所有数据点都向下移动，当然除了我们渲染的线（置信限）。看起来我们需要知道图表是否已重新渲染，以便我们可以渲染置信区间。

问题是 - 你如何知道图表是否被重新渲染？

我们不知道如何解决这个问题，除非我们知道图表已经重新渲染了。我想的是在我们添加置信区间之前等待某种状态（图表不再重新渲染 - 图表已完成）

Answer 1

您可以通过引用加载、重绘或渲染事件来检查图表状态。

API参考：https://api.highcharts.com/highcharts/chart.events.load

演示：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/chart/events-render/

   chart: {
    events: {
        load() {
            createLabel(this, 'load event', 80, colors[0]);
        },
        redraw() {
            createLabel(this, 'redraw event', 80, colors[3]);
        },
        render() {
            createLabel(this, 'render event', 120, colors[1]);
        }
    }
},

如果有什么我可以澄清的，请告诉我