从PHP数组创建SVG折线

Question

我想从php数组创建一行。每个数组元素作为一行中的一个点。 x轴是键，y轴是值。

像这样：

 <?php
 $array=array(10,20,10,50,80,100,40,10);
 $count=count($array);
 $max=max($array);
 foreach($array as $x=>$y){
  $line.="$x,$y ";
 }
 ?>
 <svg height="200px" width="200px" viewBox="0 0 <?=$count-1?> <?=$max?>" preserveAspectRatio="none">
  <polyline style="stroke:red;stroke-width:4;" points="<?=trim($line)?>">
 </svg>

但我得到的只是：

我尝试了所有缩放技术： How can I make an svg scale with its parent container? 但我的结果仍然不好。

我做错了什么？

Answer 1

甜美而简单

您的错误位于您定义的stroke-width内，而您的viewBox不足以显示所有折线。

根据您的预期结果，设置stroke-width = 1会有所帮助。