plotly / plotly/react-plotly.js
React-plotly Svg transform
还没有人认领这个 Issue。
- 主要语言
- JavaScript
- 星标
- 1.1k
- 派生
- 138
- 平均合并
- 3 天 2 小时
- 30 天内合并 PR
- 4
描述
I'm trying to use react-plotly inside a foreign object within an Svg, this works fine as shown here.
https://codepen.io/anon/pen/eyYjgr
However I would like to move this object using a transform.
<foreignObject id={"TestSvgFO"} width="100%" height="100%"
transform="translate(150, 0)"
xmlns="http://www.w3.org/2000/svg">
This results in sliding the view window off the plotly graph instead of moving it.
https://codepen.io/anon/pen/qpByMe
Any suggestions on a way to get it to move correctly in an Svg object with a transform?
(edited your links so they work - alexcjohnson)
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
调研方向
首先复现两个链接的 CodePen 示例中的行为，比较正常工作的 foreignObject 情况与经过 transform 的情况。跟踪 react-plotly 在 SVG foreignObject 中的行为，并确定报告的 viewport 偏移是预期行为还是 bug；当一种已确认的、使 plot 随 transform 移动的方法得到记录或验证时，即视为完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- javascript, react
- 领域
- data-visualization, frontend
- Issue 类型
- 缺陷
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 停滞
- 描述清晰度
- 需要澄清
- 新手友好度
- 25/100