plotly / plotly/react-plotly.js

How to rerender figure without page refresh?

Open
#264 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
1.1k
Forks
138
Avg merge
3d 2h
Merged PRs (30d)
4

Description

So i have a chart that works perfect by default, but I have a button to add the data for a new trace. When clicked it updates the data but my figure/chart does not update/rerender/change. Ideally I want my new trace to be added to the figure when button is clicked, any advice on how to tackle this?

Here's my code:
<Plot data={chartData} layout={chartLayout} style={chartStyle} />
where chatData is the variable I'm updating with the data for the new trace

Thanks.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the reported usage and trace how the button updates chartData. Compare the updated data with the component's rendering behavior; done means the newly added trace appears without a page refresh.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.