سامان
2 سال پیش توسط سامان مطرح شد
2 پاسخ

رسم نمودار با chartJS

سلام و عرض ادب
ببخشید من الان یه چارت با chartJS ساختم الان میخوام که خطوط راهنمای چارت رو hiddden کنم و فقط خط پیشرفت بمونه اما نمیدونم چطوری میشه این کار رو انجام داد، اگر کسی تجربه داره لطفا کمکم کنه.


ثبت پرسش جدید
سامان
تخصص : برنامه نویس فرانت اند و طراح ر...
@SamRaz6975 2 سال پیش مطرح شد
0

بله درسته، دقیقا باید gridLines رو تغییر میدادم ولی اگر از این روش شما استفاده میکردم که خودم تست هم کردم، نتیجه این میشد که یه اروری بهم نشون میداد و اون ارور این بود که دقیقا باید این مقادیر xAxis و yAxis رو داخل دو property با نام های x و y مینوشتم تا جبهه اون gridLine رو درست تشخیص می داد که خود این هم دردسرهایی داره اما یه راه ساده تر هست که اونم اینه که تو property با نام scales همون propertyهای x و y رو تعریف کنیم و به x یک property با عنوان type بدیم و مقدار اون رو 'Linear' بذاریم و بعد هر دو property رو که همون x و y میشه رو با یک property با عنوان display که مقدارش false باشه رو بهش بدیم.

scales: {
        x: {
          type: 'linear',
          display: false
        },
        y: {
            display: false
        }
      }

نجما
@n.bahreman157 2 سال پیش آپدیت شد
0

سلام وقتتون بخیر
( اگه منظورتون از خطوط راهنمارو درست متوجه شده باشم ) ، شما باید مقدار gridLines تغییر بدید

var options = {
    scales: {
        xAxes: [{
            gridLines: {
                display:false
            }
        }],
        yAxes: [{
            gridLines: {
                display:false
            }   
        }]
    }
}

یا

var options = {
    scales: {
        xAxes: [{
            gridLines: {
                color: "rgba(0, 0, 0, 0)",
            }
        }],
        yAxes: [{
            gridLines: {
                color: "rgba(0, 0, 0, 0)",
            }   
        }]
    }
}

سامان
تخصص : برنامه نویس فرانت اند و طراح ر...
@SamRaz6975 2 سال پیش مطرح شد
0

بله درسته، دقیقا باید gridLines رو تغییر میدادم ولی اگر از این روش شما استفاده میکردم که خودم تست هم کردم، نتیجه این میشد که یه اروری بهم نشون میداد و اون ارور این بود که دقیقا باید این مقادیر xAxis و yAxis رو داخل دو property با نام های x و y مینوشتم تا جبهه اون gridLine رو درست تشخیص می داد که خود این هم دردسرهایی داره اما یه راه ساده تر هست که اونم اینه که تو property با نام scales همون propertyهای x و y رو تعریف کنیم و به x یک property با عنوان type بدیم و مقدار اون رو 'Linear' بذاریم و بعد هر دو property رو که همون x و y میشه رو با یک property با عنوان display که مقدارش false باشه رو بهش بدیم.

scales: {
        x: {
          type: 'linear',
          display: false
        },
        y: {
            display: false
        }
      }

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

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