plotly / plotly/react-plotly.js

Getting Aw Snap Error for following code snippet

Offen
#284 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
1.1k
Forks
138
Ø Merge
3 T. 2 Std.
Gemergte PRs (30 T.)
4

Beschreibung

import React from 'react'
import Plot from 'react-plotly.js';

export default function Histogram() {

  const data = [{
		"type": "histogram",
		"x": [0, 21000000, 0, 200, 0, 0, 0, 600000],
    "xbins": {
			"size": 1
		}
	}]

  const style = {
		"width": "600px",
		"height": "330px"
	}

  const layout = {
		"margin": {
			"t": 30
		},
		"xaxis": {
			"showline": true,
			"mirror": true,
			"linewidth": 2,
			"tickangle": 45,
			"automargin": true,
			"title": {
				"standoff": 20,
				"text": "feature_na e",
			}
		},
		"yaxis": {
			"showline": true,
			"mirror": true,
			"linewidth": 2,
			"tickangle": 0,
			"automargin": true,
			"title": {
				"standoff": 20,
				"text": "Frequency",
			}
		}
	}

  const renderPlot = () => {
    try {
      return (
        <Plot
          data={data}
          style={style}
          layout={layout}
          onError={(error) => console.log('Error message: ', error)}
        />
      )
    } catch (ex) {
      console.log(ex)
      return (<p>No Plot</p>)
    }
  }

  return (
    <div>
      {renderPlot()}
    </div>
  );
}

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Reproduziere das bereitgestellte React-Histogramm-Snippet und bestätige den „Aw Snap“-Fehler in der vom Projekt unterstützten Umgebung. Die Payload nennt keine Quelldatei und keinen Test, daher zunächst den Rendering-Einstiegspunkt sowie vorhandene Histogramm- oder Fehlerbehandlungstests finden; abgeschlossen ist die Aufgabe, wenn der Auslöser identifiziert und eine Regressionstestprüfung hinzugefügt wurde, bei der es nicht mehr zum Absturz kommt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
data-visualization, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.