ttc/micro-frontend
2
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

-ระ บบ pie chart และคำนวณ สี

Browse Source
This commit is contained in:
x2Skyz
2025-11-14 10:10:55 +07:00
parent 139167be8a
commit 7b441c3600
5 changed files with 108 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html
View File

@@ -200,18 +200,19 @@
<button class="btn btn--ghost btn--compact">จัดการหมวดหมู่</button>
</div>
<div class="pie-panel__content">
<div class="pie-chart" [style.background]="expenseGradient">
<div class="pie-chart" [style.background]="ActSumDataGradient">
<div class="pie-chart__center">
<p>รวมเดือนนี้</p>
<strong>฿732K</strong>
</div>
</div>
<ul class="pie-legend">
<li class="pie-legend__item" *ngFor="let part of expenseBreakdown">
<span class="swatch" [style.background]="part.color"></span>
<li class="pie-legend__item" *ngFor="let idx of myActSumData.pie.expense">
<span class="swatch" [style.background]="idx.color"></span>
<div>
<p class="pie-legend__label">{{ part.label }}</p>
<p class="pie-legend__value">{{ part.value }}%</p>
<p class="pie-legend__label">{{ idx.label }}</p>
<p class="pie-legend__value">{{ idx.percent }}%</p>
<p class="pie-legend__value">{{ idx.value }} บาท</p>
</div>
</li>
</ul>