Markus B.: Alles unter der Linie ausmalen --> Problem mit %

Hi ihr,

Ich habe einen Graphen und ich möchte das alles unter dieser Linie ausgemalt wird.
zurzeit mal ihc die Linie mit

line x1,y1,x2,y2 ..
mit polygon würde das ausfüllen ja gehen, jedoch sind meine Werte in Prozent und das klappt dann iwie nicht..

  
<g class="Lines1">  
  
      <line x1="55%" y1="15.553914327917283%" x2="60%" y2="38.818316100443134%"/>  
  
   </g>  
  
   <polygon points="55%,15.553914327917283% 60%,38.818316100443134%" fill="#336699"/>  
   

Markus

  1. Hallo Markus,

    mit polygon würde das ausfüllen ja gehen, jedoch sind meine Werte in Prozent und das klappt dann iwie nicht..

    Die Inhalte des points-Attributes sind konkret festgelegt, das Prozentzeichen oder andere Einheiten sind nicht zulässig. Verwende alternativ eine passende viewBox-Einstellung, hier als 100x100 Benutzereinheiten definiert, um dann die bisherigen Prozentwerte ohne % weiter verwenden zu können (hier auf eine rechteckige Box bezogen):

    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100">  
      <rect x="0" y="0" width="100" height="100" fill="#EEE"/>  
      <polygon points="50,10 10,90 90,90" fill="#F00"/>  
    </svg>
    

    Grüße,
    Thomas