یک نمودار میله‌ای تعاملی با Chart.js ایجاد کنید که فروش ماهانه یک فروشگاه را نشان دهد و هنگام قرارگیری ماوس روی هر میله مقدار دقیق را نمایش دهد.

برای حل این مسئله از JavaScript و کتابخانه Chart.js استفاده کنید؛ ابتدا Chart.js را از طریق CDN یا نصب npm وارد کنید، یک عنصر canvas در HTML بسازید و در جاوااسکریپت آرایه‌ای از برچسب‌های ماه‌ها و آرایه‌ای از مقادیر فروش آماده کنید. سپس یک نمونه جدید Chart بسازید ({ type: 'bar', data: { labels, datasets }, options: { responsive: true, plugins: { tooltip: { callbacks: { label: ... } } } } }) و با تنظیم backgroundColor، borderColor و گزینه‌های tooltip فرمت نمایش مقدار دقیق هنگام hover را سفارشی کنید؛ نکته‌ها: برای واکنش‌پذیری از گزینه responsive استفاده کنید و اگر لازم است مقدار را با کاما جداکننده یا واحد تومان قالب‌بندی کنید از callback در tooltip بهره ببرید.