腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4996)
视频
沙龙
0
回答
d3
svg
在
初始
组件
渲染
时
不
渲染
。
反应
、
、
、
此
组件
是作为页面视图的一部分创建的,用户可以
在
初始
仪表板之外导航到该页面视图。
svg
正确呈现所需的所有数据看起来都正确地记录了日志,但在
初始
导航到该视图
时
并没有创建
SVG
。函数正在运行,但html中没有显示
SVG
。起初我认为这是因为图像还没有加载,但
SVG
是附加到div而不是直接附加到图像上的,所以我认为它至少会显示
在
html减去width和height之后。yLocation = 0; br
浏览 3
提问于2016-07-13
得票数 1
回答已采纳
1
回答
在
父级状态变化后,强制重新呈现
D3
组件
、
、
、
我有两个
反应
组件
(在打字稿中)。
在
第一个
组件
中,我有一些菜单。=
d3
.append('
svg
') .attr我面临的问题是,当我第一次加载文档
时
,它会显示图形,但是如果我离开菜单并返回到菜单,它只是加载div,而不是图表。我想我得重新
渲染
这个图形,但是怎么做
浏览 1
提问于2018-10-03
得票数 1
回答已采纳
1
回答
用React.JS检索和缓存
SVG
节点边界盒的最佳方法
、
、
我正在呈现带有标签的
SVG
组件
。这些标签
组件
需要根据它们的文本内容(以及它们的大小)正确地布局,以避免它们自身的重叠。 根据缓存的边框进行<e
浏览 0
提问于2014-10-07
得票数 5
回答已采纳
1
回答
在
React应用程序中使用
D3
呈现元素的代价?
、
、
、
、
我正在努力理解如何集成
D3
并做出
反应
。具体来说,我试图理解如何使用
D3
呈现可视化影响。正如在中所解释的 让
D3
负责
渲
浏览 6
提问于2017-07-19
得票数 12
1
回答
使用jest和react- Test -library测试正确的
SVG
组件
呈现
、
、
、
我
在
React
组件
中有一个
svg
,它可以有条件地呈现。 <div className='avatar'> </div> MaleAvatar和FemaleAvatar是包含
svg
的
组件
。最初,我希望MaleAvatar
svg
渲染
,然后如果性别的值被
浏览 22
提问于2021-04-12
得票数 2
1
回答
反应
中
SVG
路径的造型
、
、
我是新的
反应
,我试图添加一个
svg
图像到我的
组件
,并添加动态样式的每一个路径。不过,我这样做是有问题的。我
在
使用创建-
反应
-应用程序用在我的
渲染
上。我希望通过使用for...of循环将样式添加到所有路径,这是我
在
普通HTML/CSS/JS上所做的工作。rende
浏览 3
提问于2020-10-12
得票数 2
回答已采纳
1
回答
如何使用Meteor和
D3
画圆?
、
、
我
在
Meteor.Collection中有一组包含x和y值的数据。我要做的就是把它们画成圆圈,用x/y的位置画在屏幕上。然而,我找不到这样做的方法。有没有人愿意帮我写几行代码?谢谢:)
浏览 2
提问于2014-04-27
得票数 0
1
回答
won本机和博览-
SVG
不会在iOS设备上呈现
、
、
、
、
我已经开始了一个项目,使用‘创建-
反应
-本机-应用’,我不知道如何
渲染
.
svg
文件。我尝试了所有
svg
的库,比如react --
svg
-uri、react本机-
svg
-映像、msvgc (将.
svg
转换为使用react本机-
svg
来响应
组件
),但这些都没有帮助。有时,当我在手机上运行应用程序预览(带有世博)
时
,它会立即崩溃,有时它只显示加载动画,而不是显示实际的.
svg
图像。没有错误-它只是不会<e
浏览 1
提问于2017-05-05
得票数 1
回答已采纳
1
回答
反应
测试componentWillReceiveProps
、
、
我做了相当多的
组件
测试与
反应
。最后,我
在
DOM (renderIntoDocument)和浅
渲染
之间切换,我有两个问题: 为什么
在
浅层
渲染
中
不
触发componentDidMount?
浏览 5
提问于2016-02-29
得票数 1
回答已采纳
1
回答
D3.js:测量帧率
、
、
、
在
渲染
SVG
时
,有没有好的方法来测量每秒绘制的帧数? 我正在做一个绘图,并希望测量
渲染
性能,但除了Chrome性能工具之外,我不确定如何做到这一点。如果在
D3
生态系统中有类似于
渲染
循环中经常使用的stats包的帮助器,我将很乐意看到……
浏览 16
提问于2020-08-11
得票数 0
1
回答
在
属性改变
时
处理
SVG
动画的最好方法是什么?
、
、
、
我有以下两个ReactJS
组件
:MyGraphElement,它
渲染
成一个圆圈。
在
第三个
组件
中,render方法返回以下内容: <MyGraphThingy><MyGraphElement position={this.getPosition()/></MyGraphThingy>因此,如果
组件
的相关状态发生变化,则
SVG
圆的
浏览 0
提问于2015-10-08
得票数 1
1
回答
在
画布上使用
D3
轴功能
、
、
我正在尝试使用
D3
功能(如这里的)
在
画布上绘制一个轴。但是,我看到的每个示例都在使用
SVG
,而我希望使用canvas。
浏览 0
提问于2020-08-24
得票数 2
1
回答
如何定期重新呈现一个
反应
性
组件
、
、
由于一个原因,我将在这里不解释,我有一个
反应
组件
,我需要重新呈现每次它完成
渲染
,而
不
超过最大
渲染
堆栈深度。我尝试
在
of useEffect侦听器中设置某种状态,以强制
组件
重新呈现,但它始终超过了最大堆栈大小。 还有别的办法吗?
浏览 2
提问于2020-10-21
得票数 0
回答已采纳
2
回答
在
SVG
中,多条小路径和一条大路径,哪个更有效?
如果我
在
浏览器中显示一个常规的
SVG
(作为一个独立的文件或嵌入
在
HTML中),那么
在
效率方面,拥有许多独立的path元素和一个巨大的path元素在理论上有什么区别吗?我
在
考虑从一张图片到另一张完全不同的图片做一些动画。如果我可以只用一个<path>标记来绘制它们,那么它们之间的动画就会容易得多。然而,我担心如果路径太大,处理可能需要更长的时间或效率较低。我没有亲自测试过,因为它需要手动连接许多路径,如果最终证明效率非常低,我不想浪费时间:-(
在
文档中似乎找不到任何关于这方
浏览 0
提问于2013-06-18
得票数 8
回答已采纳
1
回答
在
React中动态
渲染
base64编码的
SVG
我收到来自API的base64编码的
SVG
,有什么方法可以
在
react应用程序中
渲染
解码的
SVG
吗?(logoSVG) }, [logoSVG]) <> { logo }</>} 然而,在运行上面的代码
时
,我得到的
SVG
是字符串输出,而不是
渲染
值,dangerouslysetinnerhtml prop只
渲染
html格式,
浏览 2
提问于2021-03-15
得票数 0
1
回答
如何防止动画在最初
渲染
?
、
、
我有一个
组件
,它具有基于
组件
状态的动态类名。菜单
组件
的
初始
状态是false,所以当我加载站点
时
,退出动画就会触发。我试图
在
初始
渲染
时
不
播放退出动画,只有当用户单击离开菜单
时
,我才试图触发动画。`menuEnter` : 'menuExit'}`} id='menu'> 我试图摆脱退出动画,因为它没有意义,发挥退出动画的
初始
渲染<
浏览 4
提问于2020-08-29
得票数 4
回答已采纳
12
回答
React Native:
在
方向更改上应用不同的风格
、
、
、
我制作了一些函数,这些函数返回样式对象和在每个
组件
渲染
的函数上被调用,所以我可以
在
应用程序启动
时
应用不同的样式,但如果应用程序
初始
化后方向(或屏幕大小)发生变化,它们不会重新计算或重新应用。我已经向顶部
渲染
添加了侦听器,以便它在方向改变
时
更新其状态(并强制应用程序的其余部分进行
渲染
),但是子
组件
不会重新
渲染
(因为,实际上,它们尚未更改)。 所以,我的问题是:我怎样才能拥有这样的风格呢?完全不同基于屏幕大小和方向,就像
浏览 92
提问于2017-12-07
得票数 45
回答已采纳
1
回答
d3
:当数据发生变化时,刷新子节点的attr值
我正在用
d3
渲染
数据。我有一个
SVG
列表,我使用.enter()从这个列表中构造了一组nodes组,如下所示(简化):var node= vis.selectAll(".node") .enter().append("
svg
:g") .attr("class", "node&q
浏览 0
提问于2012-09-25
得票数 3
回答已采纳
2
回答
在
JavaFX Webview中使用
D3
缩放
、
、
、
、
我有一个
渲染
图形的JavaFX Webview (使用
D3
)。我想在JavaFX应用程序中实现这个图形的“鼠标滚动缩放”(当鼠标悬停在webview的顶部
时
)。我使用以下
d3
js代码
在
web浏览器上成功地完成了这项工作var
svg
= d3.select("body").append("
svg
") .attr("width", width).call(d3.behavior.zoom().on
浏览 0
提问于2015-06-19
得票数 2
2
回答
D3
在
滚动
时
禁用平移和缩放
、
、
我已经
渲染
了一个启用了平移和缩放的
d3
地图,但是当在桌面或移动设备上向下滚动视口
时
,窗口
在
地图中停留在缩放状态。谢谢!this.zoom = d3.zoom() .on('zoom', () => { this
浏览 0
提问于2017-03-29
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
10+JavaScript数据可视化库
D3.js实战:数据可视化高级技巧实例应用
前端福音:为什么使用React和SVG开发图形UI是天作之合?
推荐3个顶级的JavaScript开源图表库
数据可视化,为什么我们不再直接使用D3.js、Echarts
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券