Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >删除d3 svg元素以进行重绘

问删除d3 svg元素以进行重绘
EN

Stack Overflow用户

提问于 2014-03-13 15:13:03

回答 2查看 21.2K关注 0票数 3

我希望你能帮助我，因为这快把我逼疯了！

所以我试着用d3重新绘制一个svg。在我的代码中，我使用以下命令添加svg：

d3.xml("Images/vertical_line.svg", "image/svg+xml", function(xml) {

  var importedNode = document.importNode(xml.documentElement, true);
  var svg = d3.select('#'+id+'_verticallinecontainer').node().appendChild(importedNode);

  });

当我的update函数被调用时，我继续删除元素：

d3.select("#"+id+'_verticallinecontainer').remove();

这将删除容器和元素。然后，我使用上面的代码再次重新绘制svg。

我的问题是，当它再次附加svg时，它会执行两次，我不明白为什么！似乎d3以某种方式缓存了svg，并重新添加了它。

希望你能帮我解决问题，任何帮助都将不胜感激！

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-03-13 16:34:23

用一个简单的例子添加，删除和再次添加一个FIDDLE和一个包含的圆。希望这能有所帮助。

function update() {
    svg.remove();
    svg = d3.selectAll("body").append("svg");
    svg.append("circle")
        .attr("cx",40)
        .attr("cy",40)
        .attr("r",20)
        .style("fill","blue");
}

票数 6

EN

Stack Overflow用户

发布于 2017-03-10 15:26:07

我也遇到过类似的问题。删除SVG元素并不能让我完全更新数据。

相反，我使用下面的代码行删除了在SVG中创建的g元素：

d3.selectAll("g > *").remove()

在updateGraph()函数中

完整的解释和情况显示在这里：Repainting/Refreshing Graph in D3

票数 8

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22382984

复制

相关文章

xen虚拟化基础篇

Xen介绍： xen是一个开放的源代码虚拟机监视器，有剑桥大学研发。它打算在单个计算机上运行多达128个满足特征的操作系统，操作系统必须进行显示地修改("移植"）以在Xen上运行(但是提供对用户应用

小小科

2018/05/02

1.6K0

xen虚拟化基础篇

Xen介绍： xen是一个开放的源代码虚拟机监视器，有剑桥大学研发。它打算在单个计算机上运行多达128个满足特征的操作系统，操作系统必须进行显示地修改(“移植”）以在Xen上运行(但是提供对用户应用的

小小科

2018/05/03

2K0

GPU 图形绘制管线

java 编程算法

图形绘制管线描述 GPU 渲染流程，即"给定视点、三维物体、光源、照明模式和纹理等元素，如何绘制一幅二维图像"。

hrscy

2018/08/30

1.3K0

【重识云原生】第2.3节——主流虚拟化技术之Xen[汇总整理]

ios linux 虚拟化 kernel

Xen是由剑桥大学计算机实验室开发的一个开源项目，是一个开源的可直接运行于硬件层之上的虚拟化软件，它属于type-I型虚拟化系统，支持万贯虚拟化和超虚拟化，以高性能、占用资源少著称，赢得了IBM、AMD、HP、Red Hat和Novell等众多世界级软硬件厂商的高度认可和大力支持，已被国内外众多企事业用户用来搭建高性能的虚拟化平台。

江中散人_Jun

2022/03/18

1.7K0

【重识云原生】第2.3节——主流虚拟化技术之Xen[汇总整理]

Python判断Xen虚拟化上Linux主机是否为虚拟机

uml linux 虚拟化 python

判断 OpenVZ/Xen PV/UML 是最容易的，直接检查 /proc 下的相关目录和文件就可以知道，比如 OpenVZ VPS 上会有 /proc/vz 这个文件；Xen PV 虚拟机上会有 /proc/xen/ 这个目录，并且目录下有一些东西；UML 上打印 /proc/cpuinfo 会找到 UML 标志。写了一个简单的 Python 脚本来检测：

星哥玩云

2022/07/13

1.4K0

常见的单机虚拟网络类型

nat linux 虚拟化

前言：无论是互联网还是物联网，他们的网络模型都是可以见的，而虚拟化和云计算中的网络模型要比这些模型要复杂的多，有些设备你是可以到也有一些设备你是看不到的，这给我们运维人员带来的技术挑战。通过学习X

小小科

2018/05/02

1.3K0

GPU图形处理器

processing android

图像的实时渲染过程顶点处理（Vertex Processing）图元处理（Primitive Processing）栅格化（Rasterization）片段处理（Fragment Processing）像素操作（Pixel Operations）统一着色器架构（Unified Shader Architecture）把顶点处理（Vertex Processing）、图元处理（Primitive Processing）、片段处理（Fragment Processing）这些任务，都交给这些 S

斯武丶风晴

2019/12/16

9660

浅谈 GPU图形固定渲染管线

缓存渲染腾讯云测试服务

图形渲染管道被认为是实时图形渲染的核心，简称为管道。管道的主要功能是由给定的虚拟摄像机、三维物体、灯源、光照模型、纹理贴图或其他来产生或渲染一个二维图像。由此可见，渲染管线是实时渲染技术的底层工具。图像中物体的位置及形状是通过它们的几何描述、环境特征、以及该环境中虚拟摄像机的摆放位置来决定的。物体的外观受到了材质属性、灯源、贴图以及渲染模式（sharding modles）的影响。

Tencent JCoder

2022/05/06

2.3K0

xen杂记（3）

腾讯云测试服务

连接控制界面： [root@node1 xen]# xl console centos-001

py3study

2020/01/08

7280

浅谈 GPU图形固定渲染管线

图形渲染管道被认为是实时图形渲染的核心，简称为管道。管道的主要功能是由给定的虚拟摄像机、三维物体、灯源、光照模型、纹理贴图或其他来产生或渲染一个二维图像。由此可见，渲染管线是实时渲染技术的底层工具。图像中物体的位置及形状是通过它们的几何描述、环境特征、以及该环境中虚拟摄像机的摆放位置来决定的。物体的外观受到了材质属性、灯源、贴图以及渲染模式（sharding modles）的影响。

Tencent JCoder

2018/07/19

2.6K0

Linux上的虚拟化技术 Xen 初学者指南

编程算法 linux

Xen是一个开放源代码的para-virtualizing虚拟机(VMM)，或“管理程序”，是为x86架构的机器而设计的。Xen可以在一套物理硬件上安全的执行多个虚拟机；Xen是基于内核的虚拟程序，它和操作平台结合的极为密切，所以它占用的资源最少。

DevinGeng

2019/04/09

2.5K0

Centos，Windows 下简单查看自己VPS使用的虚拟化技术是什么？

安装epel和remi不用说了吧？ yum install virt-what -y 运行 virt-what 我的两台VPS [root@tntsec ~]# virt-what xen xen-domU [root@vultr ~]# virt-what kvm windows查看： systeminfo

院长技术

2021/02/19

1K0

Xen的敏感指令陷入-《Xen虚拟化技术》学习

单片机 linux 虚拟化 kvm

没有虚拟化基础的童鞋可先阅读Linux阅码场前几天刊发的《KVM最初的2小时——KVM从入门到放弃(修订版) 》入门。

Linux阅码场

2019/10/08

1.6K0

Xen的敏感指令陷入-《Xen虚拟化技术》学习

Linux(RaspberryPi)上通

使用python的第三方库bluepy可以很方便的在linux主机如树莓派上进行蓝牙通信。

py3study

2020/01/03

1.3K1

Linux(RaspberryPi)上通

KVMSEC：一个Linux内核虚拟机的安全扩展

kvm 虚拟化 linux

以虚拟化PC为应用的数据中心服务器群增长很快。本文介绍的这个架构，优点是增加全局系统安全。

FB客服

2019/12/17

1.6K0

KVMSEC：一个Linux内核虚拟机的安全扩展

xen 基本操作命令

虚拟机的组成部分 1.虚拟机配置文件 [root@localhost ~]# ls /etc/xen/ auto scripts xend-pci-quirks.sxp xmexample.hvm qemu-ifup xend-config.sxp xmexample1 xmexample.vti rhel5u8-1 xend-pci-permissive.sxp xmexample2 2.储存虚拟机的介质 [root@localhost ~]# ls /var/lib/xen/p_w_picpaths/ rhel5u8-1.img #虚拟机的基本管理命令：查看、启动、关闭使用xm查看虚拟机 [root@localhost ~]# xm list Name ID Mem(MiB) VCPUs State Time(s) Domain-0 0 3490 2 r----- 533.8 Domain-0 系统必须安装创建、管理、删除虚拟域的工具。它们包括 xm 和 xend 程序和服务。尽量减少在 Domain-0 中运行程序和服务,Domain-0 中 CPU 的使用率直接影响其他虚拟域 CPU 资源的分配。 #使用xm启动虚拟机 [root@localhost ~]# xm create rhel5u8-1 Using config file "/etc/xen/rhel5u8-1". Started domain rhel5u8-1 [root@localhost ~]# xm list Name ID Mem(MiB) VCPUs State Time(s) Domain-0 0 3490 2 r----- 535.2 rhel5u8-1 2 520 1 r----- 3.7 #使用xm关闭虚拟机 [root@localhost ~]# xm shutdown 2 #使用virsh查看虚拟机 [root@localhost ~]# virsh list Id Name State ---------------------------------- 0 Domain-0 running #使用virsh启动虚拟机 [root@localhost ~]# virsh start rhel5u8-1 Domain rhel5u8-1 started [root@localhost ~]# virsh list Id Name State ---------------------------------- 0 Domain-0 running 3 rhel5u8-1 running #使用virsh关闭虚拟机 [root@localhost ~]# virsh shutdown rhel5u8-1 Domain rhel5u8-1 is being shutdown

DevinGeng

2019/04/09

2K0

FFmpeg AI推理+图形渲染的可定制GPU管线

渲染 ffmpeg 模型数据性能

点击上方“LiveVideoStack”关注我们 ▲扫描图中二维码或点击阅读原文▲ 了解音视频技术大会更多信息 // 编者按：FFmpeg作为业界广泛使用的转码平台，提供了丰富高效的视频处理能力。LiveVideoStackCon2022上海站大会我们邀请到了英伟达GPU计算专家王晓伟老师，结合具体项目实践为大家详细介绍如何在FFmpeg中开发一个包含AI推理+图形的完整GPU转码管线。文/王晓伟整理/LiveVideoStack 大家好，首先自我介绍一下，我是王晓伟，来自英伟达GPU计

LiveVideoStack

2023/04/04

2.7K0

FFmpeg AI推理+图形渲染的可定制GPU管线

EasyX图形库学习（二、文字输出）

void 编码函数字符串 int

void settextstyle(int height,int width,LPCTSTR face);

走在努力路上的自己

2024/02/05

6000

EasyX图形库学习（二、文字输出）

【蓝桥杯】ADV-84 图形输出

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

喜欢ctrl的cxk

2019/11/08

3420

GaiaStack上的GPU虚拟化技术

容器深度学习腾讯云测试服务虚拟化

为什么需要GPU虚拟化根据平台收集的GPU使用率的历史，我们发现独占卡的模式会对GPU这种宝贵计算资源存在浪费现象，即不同用户对模型的理解深度不同，导致申请了独立的卡却没有把资源用满的情况。针对这种情况，虚拟化GPU技术可以更好的解决这种痛点，让机器的计算资源得到充分利用。现有技术情况目前来看，绝大多数公司使用的是英伟达（NVIDIA）的公司的计算卡，所以下面主要介绍NVIDIA的技术现状。 NVIDIA在前几年释放出来一个NVIDIA vGPU的一个硬件虚拟化的技术，该技术的介绍是 NVIDIA

腾讯Bugly

2019/01/30

9.8K2

GaiaStack上的GPU虚拟化技术

相似问题

grub的引导问题；Arch，Xen，DomU

10

Xen domU类型的忽略/etc/网络/接口

10

Xen domU无法从内核恐慌开始

10

Xen domU中Xorg中没有键盘

10

xen上的DomU内核与Dom0内核不同

20

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例