Getting Aw Snap Error for following code snippet

未关闭
  • 哪里不对？
#284 3 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
25/100
Issue 类型
缺陷
描述清晰度
需要澄清
活跃度
停滞
技术栈
javascript, react
领域
data-visualization, frontend

调研方向

复现所提供的 React 直方图代码片段，并在项目支持的环境中确认“Aw Snap”故障。payload 未指定源文件或测试，因此首先定位渲染入口以及现有的直方图或错误处理测试；完成的标准是确定触发原因，并添加一项不再导致崩溃的回归检查。

由索引模型根据 Issue 内容生成。

描述

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>
  );
}
主要语言
JavaScript
星标
1.1k
派生
138
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

plotly/react-plotly.js 的其他 Issue

查看 plotly/react-plotly.js 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。