pmeunier/grain - Change 2UH4OD6TI5TAIIV2N2HQ2MWAWGJ7IELMZIMHORKL2237ENT7V3AAC

Performance de Plotly.js dans les changements d'échelle

Created by pmeunier on June 28, 2024

2UH4OD6TI5TAIIV2N2HQ2MWAWGJ7IELMZIMHORKL2237ENT7V3AAC

Dependencies

In channels

main

Change contents

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 67 [5.784923]

B:BD[4.2105] → [3.26:141]

        // soleil.subscribe((_) => {
        //     initialised && updatePlot(puissance, communaute)
        // })

[4.2105]

[6.27198]

        pvgis.subscribe((_) => {
            console.log("pvgis updated")
            initialised && updatePlot(puissance, communaute)
        })

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 137 [5.784923]

B:BD[2.408] → [2.408:466]

            x: <string[]>[],
            y: <number[]>[],

[2.408]

[2.466]

            x: [],
            y: [],

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 141 [5.784923]
∅:D[2.494] → [6.30869:30927]
∅:D[4.3342] → [6.30869:30927]
B:BD[6.30869] → [6.30869:30927]
```
            x: <string[]>[],
            y: <number[]>[],
```
[2.494]
[2.495]
```
            x: [],
            y: [],
```
Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 145 [5.784923]
∅:D[2.524] → [6.31612:31670]
∅:D[4.3964] → [6.31612:31670]
B:BD[6.31612] → [6.31612:31670]
```
            x: <string[]>[],
            y: <number[]>[],
```
[2.524]
[2.525]
```
            x: [],
            y: [],
```
Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 148 [5.784923]
B:BD[2.536] → [2.536:586]
```
        x: <string[]>[],
        y: <number[]>[],
```
[2.536]
[2.586]
```
        x: [],
        y: [],
```
Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 201 [5.784923]
B:BD[2.1801] → [2.1801:1822]
```
        await tick()
```
Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 209 [5.784923]
B:BD[7.27916] → [2.2086:2107]
```
        await tick()
```

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 250 [5.784923]

[2.3308]

                tickformat: soleil_.bucket < 24 ? '%x %X': '%x',
                type: 'datetime',

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 313 [5.784923]
[2.5113]
[2.5113]
```
                automargin: true,
```
Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 331 [5.784923]
[2.5510]
[6.44375]
```
                automargin: true,
```

Replacement in src/routes/projet/[id]/calcul.ts at line 718 [4.52957]

B:BD[4.73722] → [2.6729:6766]

      console.log("Updating PVGIS");

[4.73722]

[2.6766]

      console.log("Updating PVGIS", lat, lng, inclinaison, azimuth);

Replacement in src/routes/projet/[id]/calcul.ts at line 737 [4.52957]

B:BD[4.74229] → [4.74229:74333]

    let tt = new Date(t * 1000)
    let tts = tt.toLocaleString()
    let tds = tt.toLocaleDateString()

[4.74229]

[4.74333]

      let tt = new Date(t * 1000)
      // let tts = tt.toLocaleString()
      // let tds = tt.toLocaleDateString()

Replacement in src/routes/projet/[id]/calcul.ts at line 749 [4.52957]
B:BD[4.74588] → [4.74588:74620]
```
      soleil.hourly.x.push(tts)
```
[4.74588]
[4.74620]
```
      soleil.hourly.x.push(tt)
```
Replacement in src/routes/projet/[id]/calcul.ts at line 753 [4.52957]
B:BD[4.74745] → [4.74745:74781]
```
          soleil.weekly.x.push(tds)
```
[4.74745]
[4.74781]
```
          soleil.weekly.x.push(tt)
```
Replacement in src/routes/projet/[id]/calcul.ts at line 758 [4.52957]
B:BD[4.74903] → [4.74903:74936]
```
        soleil.daily.x.push(tds)
```
[4.74903]
[4.74936]
```
        soleil.daily.x.push(tt)
```

Replacement in src/routes/projet/[id]/calcul.ts at line 870 [4.52957]

B:BD[2.7351] → [2.7351:7518]

    soleil.update((sol) => {
        auto = sample(min_t, max_t, annee_, somme, sol, {
            formatMatcher: "month, year",
        });
        return sol
    })

[2.7351]

[2.7518]

    let sol = get(soleil)
    console.log("update soleil")
    auto = sample(min_t, max_t, annee_, somme, sol, {
        formatMatcher: "month, year",
    });
    soleil.set(sol)
    console.log("updated soleil")

Replacement in src/plot.ts at line 4 [8.959]

B:BD[8.1060] → [8.1060:1182]

B:BD[8.1182] → [2.9365:9381]

    hourly: { x: string[]; y: number[] }
    daily: { x: string[]; y: number[] }
    weekly: { x: string[]; y: number[] }
    x: string[]

[8.1060]

[2.9381]

    hourly: { x: Date[]; y: number[] }
    daily: { x: Date[]; y: number[] }
    weekly: { x: Date[]; y: number[] }
    x: Date[]

Deletion in src/plot.ts at line 38 [8.959]
B:BD[4.116253] → [4.116253:116276]
```
    dateOptions?: any,
```
Deletion in src/plot.ts at line 44 [8.959]
B:BD[4.116296] → [4.116296:116319]
```
    dateOptions?: any,
```
Deletion in src/plot.ts at line 51 [8.959]
B:BD[4.116341] → [4.116341:116364]
```
    dateOptions?: any,
```
Deletion in src/plot.ts at line 66 [8.959]
B:BD[8.2004] → [4.116365:116418]
∅:D[4.116418] → [8.2046:2084]
B:BD[8.2046] → [8.2046:2084]
```
        let tds = tt.toLocaleDateString(dateOptions)
        let tts = tt.toLocaleString()
```
Replacement in src/plot.ts at line 75 [8.959]
B:BD[8.2447] → [8.2447:2480]
```
        somme.hourly.x.push(tts)
```
[8.2447]
[8.2480]
```
        somme.hourly.x.push(tt)
```

Replacement in src/plot.ts at line 79 [8.959]

B:BD[8.2611] → [8.2611:2652]

                somme.weekly.x.push(tds)

[8.2611]

[8.2652]

                somme.weekly.x.push(tt)

Replacement in src/plot.ts at line 84 [8.959]

B:BD[8.2789] → [8.2789:2825]

            somme.daily.x.push(tds)

[8.2789]

[8.2825]

            somme.daily.x.push(tt)

Replacement in src/plot.ts at line 107 [8.959]
B:BD[8.3321] → [8.3321:3348]
```
    x: (number | string)[]
```
[8.3321]
[8.3348]
```
    x: Date[]
```
Deletion in src/plot.ts at line 120 [8.959]
B:BD[8.3737] → [8.3737:3766]
```
    console.log(bbox?.width)
```
Deletion in src/plot.ts at line 144 [8.959]
B:BD[8.4244] → [9.145:179]
```
    console.log('grain relayout')
```

Replacement in src/plot.ts at line 147 [8.959]

B:BD[8.4323] → [8.4323:4398]

    let w = event['xaxis.range[1]'] - Math.max(0, event['xaxis.range[0]'])

[8.4323]

[8.4398]

    let x0 = Date.parse(event['xaxis.range[0]']) / 1000
    let x1 = Date.parse(event['xaxis.range[1]']) / 1000
    let w = x1 - Math.max(0, x0)

Deletion in src/plot.ts at line 154 [8.959]
B:BD[8.4542] → [8.4542:4543]

Replacement in src/plot.ts at line 161 [8.959]

B:BD[8.4746] → [8.4746:5074]

        let sb = soleil.bucket
        if (event.bucket) {
            w *= event.bucket
        } else {
            w *= soleil.bucket
        }
        chooseScale(soleil, w)
        chooseScale(somme, w)
        let sb_ = soleil.bucket
        event['xaxis.range[0]'] *= sb / sb_
        event['xaxis.range[1]'] *= sb / sb_

[8.4746]

[8.5074]

        chooseScale(soleil, w / 3600)
        chooseScale(somme, w / 3600)

Deletion in src/plot.ts at line 164 [8.959]

B:BD[8.5111] → [8.5111:5192]

        layout_.xaxis.range = [event['xaxis.range[0]'], event['xaxis.range[1]']]

Performance de Plotly.js dans les changements d'échelle

Dependencies

In channels

Change contents

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 67 [5.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 137 [5.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 141 [5.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 145 [5.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 148 [5.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 201 [5.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 209 [5.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 250 [5.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 313 [5.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 331 [5.784923]

Replacement in src/routes/projet/[id]/calcul.ts at line 718 [4.52957]

Replacement in src/routes/projet/[id]/calcul.ts at line 737 [4.52957]

Replacement in src/routes/projet/[id]/calcul.ts at line 749 [4.52957]

Replacement in src/routes/projet/[id]/calcul.ts at line 753 [4.52957]

Replacement in src/routes/projet/[id]/calcul.ts at line 758 [4.52957]

Replacement in src/routes/projet/[id]/calcul.ts at line 870 [4.52957]

Replacement in src/plot.ts at line 4 [8.959]

Deletion in src/plot.ts at line 38 [8.959]

Deletion in src/plot.ts at line 44 [8.959]

Deletion in src/plot.ts at line 51 [8.959]

Deletion in src/plot.ts at line 66 [8.959]

Replacement in src/plot.ts at line 75 [8.959]

Replacement in src/plot.ts at line 79 [8.959]

Replacement in src/plot.ts at line 84 [8.959]

Replacement in src/plot.ts at line 107 [8.959]

Deletion in src/plot.ts at line 120 [8.959]

Deletion in src/plot.ts at line 144 [8.959]

Replacement in src/plot.ts at line 147 [8.959]

Deletion in src/plot.ts at line 154 [8.959]

Replacement in src/plot.ts at line 161 [8.959]

Deletion in src/plot.ts at line 164 [8.959]