SVGの角度を表すCSS

Question

私はAngularとSVGの新機能です。グラフとキー/凡例を同じ行に表示しようとしています。

これは、それが現在のようになります。ここではhttp://imgur.com/a/KUqo5

は私のコンポーネントのテンプレートです：

<svg height="100%" width="100%" [attr.viewBox]="viewBox"> 
    <g> 
     <circle *ngFor="let item of items;let i=index" [attr.cx]="center" 
     [attr.cy]="center" [attr.r]="radius" fill="transparent" 
     [attr.stroke-width]="width" [attr.stroke-dasharray]="perimeter" 
     [attr.stroke-dashoffset]="getOffset(i)" [attr.stroke]="item.color"/> 
    </g> 
</svg> 
<svg *ngFor="let item of items;" width="500" height="75"> 
    <circle cx="50" cy="50" r="20" [attr.fill]="item.color" /> 
    <text x="100" y="50">{{ item.count }}</text> 
</svg> 

何かアドバイスをいただければ幸いです！

Answer 1

あなたは<div>といくつかのCSSスタイルを使用して両方のsvgデータを整列させる必要があります。またはhtml要素