سارا
3 سال پیش توسط سارا مطرح شد
1 پاسخ

سوال chart js

من قصد دارم یک chart js با تایپ line بنویسم و labels یا همون قسمت افقیش رو تاریخ روز های شمسی همون ماهی که توش هستیم بذازم (مثلا 1 تا 31 خرداد ) میشه کمکم کنید خیلی گیر کردم


ثبت پرسش جدید
مهدی
تخصص : برنامه نویس
@mahdiam200 3 سال پیش مطرح شد
0

با سلام برای انجام اینکار ابتدا cdn آنرا ایمپورت کنید

 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" crossorigin="anonymous"></script>

در ادامه div با آیدی chart را به صفحه خود اضاف کنید.

 <canvas id="Chart" ></canvas>

در انتها با اجرای کد زیر چارت خود را رسم کنید

   let mychart = document.getElementById('chart').getContext('2d'); 
        let genenral_reports_chart = new Chart(mychart,{
            type: 'line',
            data:{
                labels:['فرورودین','اردیبهشت','خرداد','تیر','مرداد','شهریور','مهر','آبان','آذر','دی','بهمن','اسفند'],
                datasets:[{
                    label:'بازدید',
                    data:[23,34,12,45,2,34,123,23,123,1,23,23],
                    backgroundColor: 'green'
                }]
            },
            options:{}
        });

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام