Component "first render" event

Hi. I'm developing a plugin for charts using chart.js. I need to persist the model of the chart inside the generated component to render the chart on back canvas loads. In order to achieve this, I decided to persist the model of the chart in an HTML atribute of the component. This is the generated HTML of the component after I configure the chart (the model of the chart is stored in the attribute "chartmodel"):

My strategy is, when the component is first rendered, if there is a chart model (inside the "chartmodel" attribute of the component), then the chart is rendered parsing the JSON string of this attribute. If there's no "chartmodel" attribute (when the component is being created by the user), the chart is rendered using a default model from the component's core:

view: defaultView.extend({
      init() {
        const chartModelSaved = this.el.getAttribute('chartmodel');
        if(chartModelSaved){
          this.model.set('chartModel', JSON.parse(chartModelSaved));
          this.model.set('chartType', this.model.get('chartModel').type)
        }
        else{
          this.model.set('chartModel', JSON.parse(ChartDefaultData));
        }
//...

However, when the init() method is called, I found out the component is not completely rendered, and the "chartmodel" attribute is not yet available. So, I have to do these operations to render the graphic from a model saved in an attribute of the component only when the component is completely rendered in the first time. My question is, is there an event or a hook to listen to only when the component is completely rendered the first time it's loaded in the canvas?