...

src/components/dashboard/RevenueStreamWidget.vue

@@ -11,32 +11,17 @@ function setChartData() {
     const documentStyle = getComputedStyle(document.documentElement);
 
     return {
-        labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+        labels: ['زمین', 'ساختمان', 'خودرو', 'ارز'],
         datasets: [
             {
                 type: 'bar',
-                label: 'Subscriptions',
+                label: 'تعداد دارایی ها',
                 backgroundColor: documentStyle.getPropertyValue('--p-primary-400'),
-                data: [4000, 10000, 15000, 4000],
-                barThickness: 32
-            },
-            {
-                type: 'bar',
-                label: 'Advertising',
-                backgroundColor: documentStyle.getPropertyValue('--p-primary-300'),
-                data: [2100, 8400, 2400, 7500],
-                barThickness: 32
-            },
-            {
-                type: 'bar',
-                label: 'Affiliate',
-                backgroundColor: documentStyle.getPropertyValue('--p-primary-200'),
-                data: [4100, 5200, 3400, 7400],
-                borderRadius: {
-                    topLeft: 8,
-                    topRight: 8
+                font: {
+                    family: 'Estedad', // Set custom font for y-axis labels
+                    size: 14 // Set font size
                 },
-                borderSkipped: true,
+                data: [18, 13, 5, 11],
                 barThickness: 32
             }
         ]
@@ -55,7 +40,11 @@ function setChartOptions() {
             x: {
                 stacked: true,
                 ticks: {
-                    color: textMutedColor
+                    color: textMutedColor,
+                    font: {
+                        family: 'Estedad', // Set custom font for y-axis labels
+                        size: 14 // Set font size
+                    }
                 },
                 grid: {
                     color: 'transparent',
@@ -65,7 +54,11 @@ function setChartOptions() {
             y: {
                 stacked: true,
                 ticks: {
-                    color: textMutedColor
+                    color: textMutedColor,
+                    font: {
+                        family: 'Estedad', // Set custom font for y-axis labels
+                        size: 14 // Set font size
+                    }
                 },
                 grid: {
                     color: borderColor,
@@ -90,7 +83,13 @@ onMounted(() => {
 
 <template>
     <div class="card">
-        <div class="font-semibold text-xl mb-4">Revenue Stream</div>
+        <div class="font-semibold text-xl mb-4">تقسیم بندی دارایی ها</div>
         <Chart type="bar" :data="chartData" :options="chartOptions" class="h-80" />
     </div>
 </template>
+
+<style>
+.card {
+    font-family: 'Estedad', sans-serif !important;
+}
+</style>