add message if no insight is available

src/routes/Chart.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onMount } from 'svelte';
-	import { Chart, ArcElement, Tooltip, Legend, Title, DoughnutController } from 'chart.js';
+	import { ArcElement, Chart, DoughnutController, Legend, Title, Tooltip } from 'chart.js';
 
 	export let data = {};
 
@@ -24,35 +24,40 @@
 						'#FF4500', '#8A2BE2', '#A52A2A', '#DEB887', '#5F9EA0'
 					],
 					borderColor: '#fff',
-					borderWidth: 1,
-				}],
+					borderWidth: 1
+				}]
 			};
 
 			const chartOptions = {
 				responsive: true,
 				plugins: {
 					legend: {
-						position: 'top',
+						position: 'top'
 					},
 					tooltip: {
 						callbacks: {
 							label: function(tooltipItem) {
 								return `${tooltipItem.label}: $${tooltipItem.raw.toFixed(2)}`;
-							},
-						},
-					},
-				},
+							}
+						}
+					}
+				}
 			};
 
 			new Chart(chartContainer, {
 				type: 'doughnut',
 				data: chartData,
-				options: chartOptions,
+				options: chartOptions
 			});
 		}
 	});
 </script>
 
 <div>
-	<canvas bind:this={chartContainer}></canvas>
+	{#if data.stocks.length > 0}
+		<canvas bind:this={chartContainer}></canvas>
+	{:else}
+			<p>No insights available.</p>
+	{/if}
+
 </div>