plotly / plotly/react-plotly.js

Getting Aw Snap Error for following code snippet

オープン
#284 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
JavaScript
スター
1.1k
フォーク
138
平均マージ
3日 2時間
マージ済み PR(30日)
4

説明

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>
  );
}

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

提供された React ヒストグラムのスニペットを再現し、プロジェクトがサポートする環境で「Aw Snap」エラーが発生することを確認します。payload にはソースファイルもテストも指定されていないため、まずレンダリングのエントリポイントと、既存のヒストグラムまたはエラーハンドリングのテストを見つけます。完了の条件は、トリガーを特定し、クラッシュしなくなったことを確認する回帰チェックを追加することです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript, react
領域
data-visualization, frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。