ahasani/psp_panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add template

Browse Source
This commit is contained in:
Cetin Cakiroglu
2021-12-09 17:24:42 +03:00
parent cf85fcad02
commit 89b1bf58fa
440 changed files with 292236 additions and 9948 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/demo/view/chartsdemo.component.html
Executable
+42
View File
@@ -0,0 +1,42 @@
<div class="grid p-fluid">
<div class="col-12 lg:col-6">
<div class="card">
<h5 class="centerText">Linear Chart</h5>
<p-chart type="line" [data]="lineData" [options]="lineOptions" [style]="{'width': '50%'}"></p-chart>
</div>
<div class="card flex flex-column align-items-center">
<h5 class="centerText">Pie Chart</h5>
<div class="d-flex justify-content-center">
<p-chart type="pie" [data]="pieData" [options]="pieOptions" [style]="{'width': '50%'}"></p-chart>
</div>
</div>
<div class="card flex flex-column align-items-center">
<h5 class="centerText">Polar Area Chart</h5>
<div class="d-flex justify-content-center">
<p-chart type="polarArea" [data]="polarData" [options]="polarOptions" [style]="{'width': '50%'}"></p-chart>
</div>
</div>
</div>
<div class="col-12 lg:col-6">
<div class="card">
<h5 class="centerText">Bar Chart</h5>
<p-chart type="bar" [data]="barData" [options]="barOptions"></p-chart>
</div>
<div class="card flex flex-column align-items-center">
<h5 class="centerText">Doughnut Chart</h5>
<div class="d-flex justify-content-center">
<p-chart type="doughnut" [data]="pieData" [options]="pieOptions" [style]="{'width': '50%'}"></p-chart>
</div>
</div>
<div class="card flex flex-column align-items-center">
<h5 class="centerText">Radar Chart</h5>
<div class="d-flex justify-content-center">
<p-chart type="radar" [data]="radarData" [options]="radarOptions" [style]="{'width': '50%'}"></p-chart>
</div>
</div>
</div>
</div>