pmeunier/grain - Change QWHL7S5MW7TZMJOBHNC22UU3FSH5CHL6LJ7VAZ5TTGOAWE22PB3AC

resize correct des donuts de la simulation

Created by pmeunier on June 28, 2024

QWHL7S5MW7TZMJOBHNC22UU3FSH5CHL6LJ7VAZ5TTGOAWE22PB3AC

Dependencies

In channels

main

Change contents

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 266 [4.784923]
B:BD[3.3700] → [3.3700:3739]
```
        plotStyle = 'min-height:450px'
```
[3.3700]
[3.3739]

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

B:BD[5.358173] → [3.4824:5001]

∅:D[6.153] → [7.43691:43789]

∅:D[3.5001] → [7.43691:43789]

∅:D[8.6590] → [7.43691:43789]

B:BD[7.43691] → [7.43691:43789]

B:BD[7.43789] → [3.5002:5113]

B:BD[3.5113] → [2.395:429]

∅:D[2.429] → [3.5113:5177]

B:BD[3.5113] → [3.5113:5177]

∅:D[3.5177] → [7.43964:43983]

∅:D[8.6796] → [7.43964:43983]

B:BD[7.43964] → [7.43964:43983]

B:BD[7.43983] → [3.5178:5398]

∅:D[3.5398] → [7.44190:44245]

∅:D[8.6925] → [7.44190:44245]

B:BD[7.44190] → [7.44190:44245]

        plotStyle = 'min-height:450px'
        Plotly.react(
            'autoProd',
            dataProd,
            {
                title: "Autoconsommation sur l'année",
                font: {
                    color: darkMode ? '#fff' : '#000',
                },
                plot_bgcolor: '#fff0',
                paper_bgcolor: '#fff0',
                autosize: true,
                automargin: true,
                legend: {
                    orientation: 'h',
                },
            },
            { responsive: true }
        )
        Plotly.react(
            'autoConso',
            dataConso,
            {
                title: "Autoproduction sur l'année",
                font: {
                    color: darkMode ? '#fff' : '#000',

[5.358173]

[7.44245]

        if(totalProd && totalConso) {
            plotStyle = 'min-height:450px'
            Plotly.react(
                'autoProd',
                dataProd,
                {
                    title: "Autoconsommation sur l'année",
                    font: {
                        color: darkMode ? '#fff' : '#000',
                    },
                    plot_bgcolor: '#fff0',
                    paper_bgcolor: '#fff0',
                    autosize: true,
                    automargin: true,
                    legend: {
                        orientation: 'h',
                    },

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

B:BD[7.44264] → [3.5399:5510]

B:BD[3.5510] → [2.430:464]

∅:D[2.464] → [7.44375:44401]

∅:D[3.5510] → [7.44375:44401]

∅:D[8.6960] → [7.44375:44401]

B:BD[7.44375] → [7.44375:44401]

∅:D[8.7057] → [7.44401:44439]

B:BD[7.44401] → [7.44401:44439]

                plot_bgcolor: '#fff0',
                paper_bgcolor: '#fff0',
                autosize: true,
                automargin: true,
                legend: {
                    orientation: 'h',

[7.44264]

[8.9418]

                { responsive: true }
            )
            Plotly.react(
                'autoConso',
                dataConso,
                {
                    title: "Autoproduction sur l'année",
                    font: {
                        color: darkMode ? '#fff' : '#000',
                    },
                    plot_bgcolor: '#fff0',
                    paper_bgcolor: '#fff0',
                    autosize: true,
                    automargin: true,
                    legend: {
                        orientation: 'h',
                    },

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

B:BD[8.9437] → [3.5511:5569]

            },
            { responsive: true }
        )

[8.9437]

[3.5569]

                { responsive: true }
            )
        } else {
            plotStyle = ''
        }

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

B:BD[8.22052] → [8.22052:22116]

            <div class="mx-auto" style={plotStyle} id="plot" />

[8.22052]

[8.22116]

            <div class="mx-auto" style="min-height:450px" id="plot" />

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 595 [4.784923]
B:BD[8.22131] → [8.22131:22211]
```
        <div class="my-3 row" class:d-none={totalProd == 0 || totalConso == 0}>
```
[8.22131]
[8.22211]
```
        <div class="row">
```