راکت
حل شده

تغییر فونت در کتابخانه chart.js

5 پاسخ

سلام علیکم
میخواستم بدونم چجوری میشه فونت نوشته های نمودارم در این قطعه کد عوض کنم ؟
البته لطفا به کد های php داخلش توجه نفرمایید ...

var chartbox = document.getElementById('myChart').getContext('2d');
    var chart1=new Chart(chartbox,{
      type:'line',
      data:{
            labels:['<?php echo $r1?>','<?php echo $r2?>','<?php echo $r3?>','<?php echo $r4?>',"<?php echo $r5?>","<?php echo $r6?>","<?php echo $timenew?>"],
            font: {
              family: 'tanha'
            },
            datasets:[{
              label:'بازدید',
              data:[<?php echo $baz_1?>,<?php echo $baz_2?>,<?php echo $baz_3?>,<?php echo $baz_4?>,<?php echo $baz_5?>,<?php echo $baz_6?>,<?php echo $baz_m?>],
              backgroundColor:['blue','blue','blue','blue','blue','blue','blue',],
              borderColor:['blue','blue','blue','blue','blue','blue','blue',],
              borderwidth:1
            }]}

    });

متاسفانه فونتی که نوشتم کار نمیکند

ثبت پرسش جدید

پاسخ‌ها

5
moha li
moha li
@mohaligateway

تخصص: توسعه دهنده لاراول و Vue

بهترین پاسخ

سلام
این قطعه کد رو به صورت global روی صفحه chart استفاده کنید.

Chart.defaults.global.defaultFontFamily = "Georgia";

@gomnam

امیر علی
امیر علی
@ajdar9667

تخصص: طراح و توسعه دهنده fullstack

با سلام اون جا که نوشته فونت داخل اکولاد family نوشته اگر خودتون این رو نوشتید که هیچ وگرنه مقدارش رو تغییر بدید و برابر اون فونتی که میخاید کنید البته باید فونتتون رو به اچ تی ام ال لینک کنین بعد نامش رو اونجا بزارید یا برای اینکه فونته کله صفحتون اونی بشه که میخاید در فایل استایل
font-family در body برابر اونی بزارید که میخاید

علیرضا کفایتی
علیرضا کفایتی
@alirezakefayati

تخصص: برنامه نویس laravel, vue.js

سلام مجدد
بله خودم اون قسمت رو نوشتم و فونت هم قبلا به سایتم اضافه شده ولی مشکل اینجا است که فونت اعمال نمیشود .
اگر مشکلی در کدم هست بفرمایید ...
@ajdar9667

شاید پاسخ شما همین‌جا باشد

علیرضا کفایتی
علیرضا کفایتی
@alirezakefayati

تخصص: برنامه نویس laravel, vue.js

سلام
دقیقا باید کدوم قسمت بگذارم ؟
میشه توی کد های خودم این رو بگذارید تامتوجه بشم ؟
@mohaligateway

moha li
moha li
@mohaligateway

تخصص: توسعه دهنده لاراول و Vue

جاوا اسکریپت هستش

var chartbox = document.getElementById('myChart').getContext('2d');
    var chart1=new Chart(chartbox,{
      type:'line',
      data:{
            labels:['<?php echo $r1?>','<?php echo $r2?>','<?php echo $r3?>','<?php echo $r4?>',"<?php echo $r5?>","<?php echo $r6?>","<?php echo $timenew?>"],
            font: {
              family: 'tanha'
            },
            datasets:[{
              label:'بازدید',
              data:[<?php echo $baz_1?>,<?php echo $baz_2?>,<?php echo $baz_3?>,<?php echo $baz_4?>,<?php echo $baz_5?>,<?php echo $baz_6?>,<?php echo $baz_m?>],
              backgroundColor:['blue','blue','blue','blue','blue','blue','blue',],
              borderColor:['blue','blue','blue','blue','blue','blue','blue',],
              borderwidth:1
            }]}

    });
Chart.defaults.global.defaultFontFamily = "Georgia";

@gomnam

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

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