change attributes of SVG graph without refresh
Posted
by
Mike Hudak
on Stack Overflow
See other posts from Stack Overflow
or by Mike Hudak
Published on 2010-12-23T15:44:22Z
Indexed on
2010/12/24
12:54 UTC
Read the original article
Hit count: 277
Hello, I have a simple SVG graph generated by GraphViz:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.26.3 (20100126.1600)
-->
<!-- Title: G Pages: 1 -->
<svg width="138pt" height="168pt"
viewBox="0.00 0.00 138.00 168.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph1" class="graph" transform="scale(1 1) rotate(0) translate(4 164)">
<title>G</title>
<polygon fill="white" stroke="white" points="-4,5 -4,-164 135,-164 135,5 -4,5"/>
<!-- Node1 -->
<g id="node1" class="node"><title>Node1</title>
<a xlink:href="http://localhost/viz/applet.php" xlink:title="Internet">
<image xlink:href="images/cloud.png" width="130px" height="77px" preserveAspectRatio="xMinYMin meet" x="0" y="-159.5"/>
<text text-anchor="middle" x="65" y="-116.4" font-family="Times New Roman,serif" font-size="14.00">'.$Internet.'</text>
</a>
</g>
<!-- Node2 -->
<g id="node2" class="node"><title>Node2</title>
<a xlink:href="http://localhost/viz/applet.php">
<image xlink:href="images/file server.png" width="44px" height="45px" preserveAspectRatio="xMinYMin meet" x="43" y="-45.5"/>
</a>
</g>
<!-- Node1->Node2 -->
<g id="edge2" class="edge"><title>Node1->Node2</title>
<a xlink:title="Bandwidth: 1544kbps Using link: 12% VOIP calls: 4 Packet rate: 10000 Packet loss: 2">
<path fill="none" stroke="black" d="M65,-82.2678C65,-73.5404 65,-64.358 65,-55.8964"/>
<polygon fill="black" stroke="black" points="68.5001,-55.6524 65,-45.6524 61.5001,-55.6525 68.5001,-55.6524"/>
</a>
</g>
</g>
</svg>
I want to change some atributes: for example " VOIP calls: 4 "
-changing "4" to value from Database(LDAP) without refreshing whole SVG graph
<a xlink:title="Bandwidth: 1544kbps Using link: 12% VOIP calls: 4 Packet rate: 10000 Packet loss: 2">
Thank you for your answers
© Stack Overflow or respective owner
