如何使用 JSON 绘制 SVG 折线

Question

“标记”：[ { “类型”：“你好”， “ID”：“4214”， “姓名”：“75915”， “点”：[ 4578.3, 780.0 ] }, { “类型”：“你好”， “ID”：“1196”， “名称”：“SD484”， “观点”： [ 82.0, 875.0 ] } ]
在这里我想得到点作为 x 和 y

我尝试了很多方法，但没有成功。

Answer 1

以下内容......

viewbox = '0 0 5000 2500';

data = {"markers": [ { "Type": "hello", "ID": "4214", "Name": "75915", "points": [ 4578.3, 780.0 ] }, { "Type": "hello", "ID": "1196", "Name": "SD484", "Point": [ 82.0, 875.0 ] } ]}

points = data.markers.map(marker => `${marker.points[0]}, ${marker.points[1]} `);

<svg  [attr.viewBox]="viewbox">
  <svg:polyline [attr.fill]="'none'" stroke="black" stroke-width="1" [attr.points]="points">
  </svg:polyline>
</svg>