Skip to content

feat: add pause functionality in ThermalChart#1859

Merged
pedrolamas merged 2 commits into
fluidd-core:developfrom
pedrolamas:pedrolamas/pause-thermals-chart
May 31, 2026
Merged

feat: add pause functionality in ThermalChart#1859
pedrolamas merged 2 commits into
fluidd-core:developfrom
pedrolamas:pedrolamas/pause-thermals-chart

Conversation

@pedrolamas

@pedrolamas pedrolamas commented May 31, 2026

Copy link
Copy Markdown
Member

Adds the ability to pause/resume the thermal chart. When resuming, it will show the latest "live" data available.

Also refactors chart options handling to use stable references so component re-renders don't cause vue-echarts to dispose/re-init the chart or re-apply the options.

Screenshot

Video.mp4

Resolves #1537

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
@pedrolamas pedrolamas added this to the 1.37.1 milestone May 31, 2026
@pedrolamas pedrolamas requested a review from Copilot May 31, 2026 16:20
@pedrolamas pedrolamas added the FR - Enhancement New feature or request label May 31, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds pause/resume support to the ThermalChart so users can stop the live-scrolling data for inspection, then resume back to the latest “live” dataset. It also refactors vue-echarts update-options / init-options bindings to use stable object references to avoid unnecessary chart dispose/re-init or state resets on component re-renders.

Changes:

  • Add a pause/resume toggle overlay to ThermalChart and prevent dataset updates while paused (with a refresh on resume).
  • Use stable, frozen updateOptions / initOptions object references in chart components to prevent vue-echarts re-init/reset behavior on re-renders.
  • Adjust ThermalChart container styling to support the overlay positioning.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File Description
src/components/widgets/thermals/ThermalChart.vue Adds pause/resume UI + state gating for dataset updates; stabilizes vue-echarts option object references; positions overlay via relative container.
src/components/widgets/bedmesh/BedMeshChart.vue Stabilizes vue-echarts option object references to avoid re-init and preserve 3D camera state across re-renders.
src/components/ui/AppChart.vue Stabilizes vue-echarts option object references to avoid re-init/re-apply behavior that can wipe imperatively-set datasets.

Comment thread src/components/widgets/thermals/ThermalChart.vue Outdated
Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

Comment on lines +23 to +27
<v-btn
v-bind="attrs"
icon
small
tabindex="-1"

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Leaving as is for now.

@pedrolamas pedrolamas merged commit ddb6d79 into fluidd-core:develop May 31, 2026
5 checks passed
@pedrolamas pedrolamas deleted the pedrolamas/pause-thermals-chart branch May 31, 2026 16:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

FR - Enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Ability to pause/resume thermal chart

2 participants