Method update

src/core/core.controller.js:475–537

(mode)

  }

  update(mode) {
    const config = this.config;

    config.update();
    const options = this._options = config.createResolver(config.chartOptionScopes(), this.getContext());
    const animsDisabled = this._animationsDisabled = !options.animation;

    this._updateScales();
    this._checkEventBindings();
    this._updateHiddenIndices();

    class="cm">// plugins options references might have change, let's invalidate the cache
    class="cm">// https://github.com/chartjs/Chart.js/issues/5111#issuecomment-355934167
    this._plugins.invalidate();

    if (this.notifyPlugins(class="st">'beforeUpdate', {mode, cancelable: true}) === false) {
      return;
    }

    class="cm">// Make sure dataset controllers are updated and new controllers are reset
    const newControllers = this.buildOrUpdateControllers();

    this.notifyPlugins(class="st">'beforeElementsUpdate');

    class="cm">// Make sure all dataset controllers have correct meta data counts
    let minPadding = 0;
    for (let i = 0, ilen = this.data.datasets.length; i < ilen; i++) {
      const {controller} = this.getDatasetMeta(i);
      const reset = !animsDisabled && newControllers.indexOf(controller) === -1;
      class="cm">// New controllers will be reset after the layout pass, so we only want to modify
      class="cm">// elements added to new datasets
      controller.buildOrUpdateElements(reset);
      minPadding = Math.max(+controller.getMaxOverflow(), minPadding);
    }
    minPadding = this._minPadding = options.layout.autoPadding ? minPadding : 0;
    this._updateLayout(minPadding);

    class="cm">// Only reset the controllers if we have animations
    if (!animsDisabled) {
      class="cm">// Can only reset the new controllers after the scales have been updated
      class="cm">// Reset is done to get the starting point for the initial animation
      each(newControllers, (controller) => {
        controller.reset();
      });
    }

    this._updateDatasets(mode);

    class="cm">// Do this before render so that any plugins that need final scale updates can use it
    this.notifyPlugins(class="st">'afterUpdate', {mode});

    this._layers.sort(compare2Level(class="st">'z', class="st">'_idx'));

    class="cm">// Replay last event from before update, or set hover styles on active elements
    const {_active, _lastEvent} = this;
    if (_lastEvent) {
      this._eventHandler(_lastEvent, true);
    } else if (_active.length) {