我正在開發一個專案，該專案在儀表板上具有投資組合甜甜圈圖。目前，如果您是新用戶，則 dt-card 只是一個空框。當你有余額時，它會顯示圖表
.
我想讓它當你沒有平衡時，它會最小化<script> 部分讓它看起來像這樣
并且只顯示一個標題，上面寫著“你的投資組合是空的。”。我現在將提供它的當前代碼。
<div class="col-md-12">
<!-- Card -->
<div class="dt-card dt-card__full-height">
<!-- Card Header -->
<div class="dt-card__header">
<!-- Card Heading -->
<div class="dt-card__heading">
<h3 class="dt-card__title">
<?php echo ("Your Portfolio") ?>
</h3>
</div>
<!-- /card heading -->
</div>
<!-- /card header -->
<!-- Card Body -->
<div class="dt-card__body d-flex justify-content-center align-items-center">
<!-- Chart -->
<canvas id="pie-chart" class="m--30p display-b" data-fill="27" height="130" width="130"></canvas>
<!-- /chart -->
</div>
<!-- /card body -->
</div>
<script src="<?php echo base_url('/assets/dist/js/Chart.min.js') ?>"></script>
<script>
var activedeposits = <?php echo $activeDeposits > 0 ? $activeDeposits : '0' ?>;
var withdrawals = <?php echo $earningsInfo > 0 ? $earningsInfo : '0' ?>;
new Chart(document.getElementById("pie-chart"), {
type: 'doughnut',
data: {
labels: ["Deposited", "Earnings"],
datasets: [{
label: "Transactions",
backgroundColor: ["#0862c9", "#71A5E1"],
data: [activedeposits, withdrawals]
}]
}
});
</script>
<!-- /card -->
</div>```
uj5u.com熱心網友回復：
理想情況下，您需要使用的是條件陳述句，它將根據您應用的條件確定將顯示的內容。
請參閱HTML 代碼之間的 PHP 代碼中的條件陳述句
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/417925.html
標籤：
上一篇：如何在VSCode中自動將PHP陣列從一種格式轉換為另一種格式？
下一篇：包羅萬象的HTML編碼物體