احد
4 سال پیش توسط احد مطرح شد
6 پاسخ

نمایش فارسی اعداد در chart.js

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


تگ‌های محبوب
ثبت پرسش جدید
Mostafa Nazar
تخصص : برنامه نویس وب و موبایل
@mostafa.8722 4 سال پیش مطرح شد
-1

سلام
فونتش رو تغییر بده
یعنی مثلا روش inspectelement بگیر و ببین مثلا چه کلاسی داده شده اند .
بعد به اون کلاس فونتی رو بده که از اعداد فارسی پشتیبانی میکنه


احد
@ahadhermes 4 سال پیش مطرح شد
0

چارت

شما بد متوجه شدید
این اعداد منظورمه


امیر جوان میر
تخصص : گرافیست، برنامه نویس و توسعه د...
@ajavanmir 4 سال پیش آپدیت شد
1

با سلام

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

Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
legend: {
labels: {
// This more specific font property overrides the global property
fontColor: 'black'
}
}
}
});

آدرس لینک:
https://www.chartjs.org/docs/latest/general/fonts.html


محمدحسن فرهادی
تخصص : علاقه مند به کد نویسی
@farhadi 4 سال پیش مطرح شد
-1

@ahadhermes
سلام من متوجه منظورتون شدم
این فایل جی اس رو از ریپ این دوستمون دانلود کنید بعد از تابع ساده ای که هست استفاده کنید :

alert($.persianNumbers("این متن شامل اعداد1234 فارسی می باشد 12344"))

موفق باشید


Armin Rahmati
@arminrahmati999 4 سال پیش مطرح شد
-1

از این کد در فایل خودتون استفاده کنید.

$(document).ready(function () {
ConvertNumberToPersian();
});
function ConvertNumberToPersian() {
persian = { 0: '۰', 1: '۱', 2: '۲', 3: '۳', 4: '۴', 5: '۵', 6: '۶', 7: '۷', 8: '۸', 9: '۹' };
function traverse(el) {
if (el.nodeType == 3) {
var list = el.data.match(/[0-9]/g);
if (list != null && list.length != 0) {
for (var i = 0; i < list.length; i++)
el.data = el.data.replace(list[i], persian[list[i]]);
}
}
for (var i = 0; i < el.childNodes.length; i++) {
traverse(el.childNodes[i]);
}
}
traverse(document.body);
}

Kamran
تخصص : برنامه نویس فرانت اند و لاراول
@kami.dev 3 سال پیش مطرح شد
0

واسه این کار باید تنظیمات چارت جی اس رو تغییر بدیم، و یک فونت فارسی برای لیبل ها بزاریم
مثلا "IranSans"
 تصویر


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

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