SVGとXSLで折れ線グラフを行うにはどうすればいいですか

Question

SVGで折れ線グラフを作成したいと思います。私はbug.xmlを持っています。私はbug.xslでそれを表示し、SVGを使って折れ線グラフを作成します。私はすでにそれを行うことができますが、変数を使って座標を入力することはできません。私はGoogle上でそれを検索しますが、それを行う方法はわかりません。ここで が私の.xmlです：

<?xml version="1.0" encoding="UTF-8" standalone="yes"?> 
<?xml-stylesheet href="bug.xsl" type="text/xsl"?> 

<root text="Récapitulatif des bugs MD 360"> 
<graph> 
      <item text="3988 (K2) : [MozillaMD] Plantage vidéo de localisation prise OB" severite="K2" importance="" status="" date="15/11/2016"/> 
      <item text="3987 (K2) : [MozillaMD] Plantage vidéo de localisation pris" severite="K3" importance="" status="" date="15/11/2016"/> 
      <item text="3989 (K2) : [MozillaMD] Plantage vidéo de localisationD" severite="K2" importance="" status="" date="15/11/2016"/> 
      <item text="3985 (K2) : [MozillaMD] Plantage vidéo de localisati" severite="K1" importance="" status="" date="15/11/2016"/> 
      <item text="3978 (K2) : [MozillaMD] Plantage vidéo de D" severite="K1" importance="" status="" date="15/11/2016"/> 
      <item text="3982 (K2) : [MozillaMD] Plantage vidéD" severite="K4" importance="" status="" date="15/11/2016"/> 
      <item text="3955 (K2) : [MozillaMD] Plantage vidéo deD" severite="K4" importance="" status="" date="15/11/2016"/> 
      <item text="3976 (K2) : [MozillaMD] PlantagD" severite="K1" importance="" status="" date="15/11/2016"/> 
      <item text="3963 (K2) : [MozillaMD] Plantage vidéo de " severite="K3" importance="" status="" date="15/11/2016"/> 
      <item text="3896 (K2) : [MozillaMD] Plantage vi" severite="K2" importance="" status="" date="15/11/2016"/> 
      <item text="3923 (K2) : [MozillaMD] Plantage " severite="K2" importance="" status="" date="15/11/2016"/> 
</graph> 
</root> 

そしてここでは、私の実際の.xsl、私は0で$ VAR3を交換するとき、それは$ VAR3ではなく作品ですが、私は間違って何をやっていますか？

<?xml version="1.0"?> 
<xsl:stylesheet version="1.0" 
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
    xmlns="http://www.w3.org/2000/svg"> 
<xsl:output 
    method="xml" 
    indent="yes" 
    standalone="no" 
    doctype-public="-//W3C//DTD SVG 1.1//EN" 
    doctype-system="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" 
    media-type="image/svg" /> 

<xsl:template match="graph"> 
<svg viewBox="0 0 500 100" class="chart"> 
<xsl:variable name= "var3"><xsl:value-of select="count(graph/item[severite='K2'])"/></xsl:variable>  
<polyline 
fill="none" 
stroke="#0074d9" 
stroke-width="3" 
points=" 
    $var3,120 
    20,60 
    40,80 
    60,20"/> 
</svg> 
</xsl:template> 
</xsl:stylesheet> 

Answer 1

ちょうどその

<polyline 
fill="none" 
stroke="#0074d9" 
stroke-width="3" 
points=" 
    {$var3},120 
    20,60 
    40,80 
    60,20"/>