plotly / plotly/plotly.js

Dynamic assignment of Reversed and 'Normal' autorange not working properly

Open
#7,263 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug P3
Dominant language
JavaScript
Stars
18.3k
Forks
2k
Avg merge
2d 12h
Merged PRs (30d)
28

Description

When we assign 'reversed' to autorange on the y-axis it reverses the graph properly. When we then want to switch back, so 'unreverse', which we do by assigning autorange: true, to the y-axis, it stays reversed. So: reversed graphs cannot switch back,

Some code snippets which indicate it:

const [layout, setLayout] = useState<Partial<Layout>>({

useEffect(() => {
    const isReversed = dataSettings.reference ? 'reversed' : true;
    setLayout((layout) => {
      return {
        ...layout,
        yaxis: {
          ...layout.yaxis,
          autorange: isReversed,
        },
      };
    });
  }, [dataSettings.reference]);
<Plot
              style={{ width, height }}
              data={plotData}
              layout={layout}

Contributor guide

Open the contributing guide

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 supplied useEffect and example, focusing on the y-axis autorange transition from 'reversed' to true. Reproduce the switch in a minimal chart and verify that assigning true restores the normal orientation rather than leaving the graph reversed.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.