Pre-release v3.0.0-rc.3 - scatter chart: Render Graph Error on scatter : RangeError: ...

[zibous]

Expected Behavior

Error: Render Graph Error on scatter : RangeError: minimumFractionDigits value is out of range.

this.chart.options.locale = 'de_DE'

  numeric(tickValue, index, ticks) {
    if (tickValue === 0) {
      return '0';
    }
    const locale = this.chart.options.locale;
    let notation;
    let delta = tickValue;
    if (ticks.length > 1) {
      const maxTick = Math.max(Math.abs(ticks[0].value), Math.abs(ticks[ticks.length - 1].value));
      if (maxTick < 1e-4 || maxTick > 1e+15) {
        notation = 'scientific';
      }
      delta = calculateDelta(tickValue, ticks);
    }
    const logDelta = log10(Math.abs(delta));
    const numDecimal = Math.max(Math.min(-1 * Math.floor(logDelta), 20), 0);
    const options = {notation, minimumFractionDigits: numDecimal, maximumFractionDigits: numDecimal};
    Object.assign(options, this.options.ticks.format);
    return formatNumber(tickValue, locale, options);
  },

Current Behavior

---> locale undefined

return formatNumber(tickValue, locale, options);

Environment

• Chart.js version: Pre-release v3.0.0-rc.3
• Browser name and version: any

[kurkle]

How is the page updating the charts? Something is altering the chart while its still updating. Maybe destroying it?

[zibous]

@kurkle

How is the page updating the charts? Something is altering the chart while its still updating. Maybe destroying it?

                      if (this.chart) {
                            // be shure that no chart exits before create..
                            this.chart.destroy()
                            this.chart = null
                        }
                        this.ChartControl.defaults.locale = "de-DE"
                        // this.ChartControl.defaults.locale = "de_DE" --> ERROR
                        this.chart = new window.Chart3(this.ctx, graphOptions)
                        this.graphDataSets = this.graphData.data.datasets

                        if (this.chart) {
                            this.chart_ready = true
                        }

Numberformat for series is working, only the ticks numbers has no locale based format.

Render Graph Error on line : RangeError: Incorrect locale information provided
I am shure that the locale was set, because if the locale is wrong --> Error ???

[kurkle]

Ok, what happens when this.graphDatasets is set? And what is this.chart_ready used for?

[zibous]

@kurkle

Ok, what happens when this.graphDatasets is set? And what is this.chart_ready used for?

I use this.graphDatasets and this.chart_ready internal to check :

if (
   this.graphDataSets &&
   this.graphDataSets.length &&
   JSON.stringify(this.graphDataSets) === JSON.stringify(this.graphData.data.datasets)
) {
   // same data as before, skip redraw...
   return
}

[kurkle]

Ok, and is anything done to the chart in the redraw?

[zibous]

@kurkle

Ok, and is anything done to the chart in the redraw?

Negativ, i do not use chart.update(....) and nothing with redraw

[kurkle]

Last question, does removing the layout padding get rid of the error?
We really need a test case, its waste of time trying to debug this by asking questions.

[zibous]

@kurkle

Last question, does removing the layout padding get rid of the error?

Yes, No error when setting layout padding.

[zibous]

@kurkle
It is difficult to create a test case, because in the simple case the error does not occur.

I suspect it is a timing problem, if the chart is being resized while rendering,
it could be the cause.

[kurkle]

I'd suspect the problem is not in Chart.js, but its impossible to tell for sure without test case.

[zibous]

@kurkle
I will try to find a testcase...
But Pre-release v3.0.0-rc.1 is working w/o any errors...

[kurkle]

Just making sure, beta.14 works correctly? (I saw beta.12 mentioned and there are just too many commits to start looking form there)

[kurkle]

Circling back to the actual error message, can you debug the options passed to formatNumber?

Escpecially the minimumFractionDigits and maximumFractionDigits?