تنزيل awesome - تنزيل كود مصدر awesome

awesome

شفرة المصدر الأخرى

1.0.0

تنزيل

رهيبة Chart.js

قائمة منسقة بالأشياء الرائعة المتعلقة بـ Chart.js

موارد
الرسوم البيانية
الإضافات
محولات
التكامل
أدوات

دعم Chart.js. هناك ثلاثة إصدارات رئيسية من Chart.js قيد الاستخدام حاليًا. يرجى الرجوع إلى شارات الإصدار أدناه للتحقق مما إذا كانت المكتبة تدعم إصدار Chart.js الخاص بك. (تعني "❕" أيضًا أن الإصدار غير مدعوم.)

Chart.js v. 4️⃣ — تم إصداره في نوفمبر 2022
Chart.js v.3️⃣ — تم إصداره في أبريل 2021
Chart.js v. 2️⃣ — تم إصداره في أبريل 2016

موارد

الدليل الرسمي | دليل المستخدم وموقع التوثيق.

الرسوم البيانية

يدعم	اسم	وصف
2️⃣ ❕ ❕	شريط القمع	يضيف نوع المخطط القمعي الشريطي
2️⃣3️⃣4️⃣	com.boxplot	يضيف نوع المخطط boxplot ومؤامرة الكمان
2️⃣3️⃣4️⃣	أشرطة الخطأ	يضيف متغيرات شريط الخطأ المتنوعة لأنواع المخططات القياسية
2️⃣3️⃣ ❕	مالي	إضافة أنواع المخططات المالية مثل الشمعدان
❕ 3️⃣4️⃣	قمع	يضيف نوع المخطط القمعي
2️⃣3️⃣4️⃣	جغرافي	يضيف أنواع مخططات الخرائط الجغرافية مثل الخريطة التصحيحية والخريطة الفقاعية
2️⃣3️⃣4️⃣	رسم بياني	إضافة أنواع المخططات البيانية مثل الرسم البياني الموجه بالقوة
2️⃣3️⃣4️⃣	مصفوفة	يضيف نوع مخطط المصفوفة
2️⃣3️⃣4️⃣	pcp	يضيف إحداثيات متوازية لنوع المخطط
❕ 3️⃣4️⃣	سانكي	يضيف نوع المخطط التخطيطي سانكي
2️⃣ ❕ ❕	سميث	يضيف نوع مخطط سميث
2️⃣3️⃣4️⃣	مكدسة100	رسم مخطط شريطي مكدس بنسبة 100%
2️⃣3️⃣4️⃣	خريطة الشجرة	يضيف نوع المخطط الهيكلي
❕ 3️⃣4️⃣	فين	يضيف نوع المخطط venn وeuler
❕ 3️⃣4️⃣	سحابة الكلمة	يضيف نوع المخطط السحابي للكلمات

الإضافات

التصميم

يدعم	اسم	وصف
❕ 3️⃣4️⃣	الألوان التلقائية	توليد اللون التلقائي
2️⃣ ❕ ❕	مخططات الألوان	تمكين التلوين التلقائي باستخدام أنظمة الألوان المحددة مسبقًا
❕ 3️⃣4️⃣	التدرج	تدرجات سهلة
2️⃣ ❕ ❕	خشن	يرسم المخططات بأسلوب تخطيطي يشبه الرسم اليدوي باستخدام Rough.js
2️⃣ ❕ ❕	أسلوب	يوفر خيارات التصميم مثل تأثيرات الظل أو المجسم المشطوف أو التوهج أو التراكب
❕ ❕ 4️⃣	com.timestack	يضيف تنسيقًا للمقياس الزمني مع تقسيمات زمنية "لطيفة".

سمات

يدعم	اسم	وصف
2️⃣3️⃣4️⃣	شرح	رسم الخطوط والمربعات والنقاط والتسميات والمضلعات والحذف في منطقة المخطط
2️⃣3️⃣ ❕	التقاطع	إضافة علامة تقاطع البيانات إلى المخططات الخطية والمبعثرة
2️⃣3️⃣4️⃣	datalabels	يعرض التسميات على البيانات لأي نوع من الرسوم البيانية
2️⃣ ❕ ❕	donutlabel	عرض تسمية نصية في وسط المخطط الدائري المجوف
2️⃣3️⃣4️⃣	هرمي	يضيف مقاييس هرمية يمكن طيها وتوسيعها وتركيزها
❕ ❕ 4️⃣	تسمية الصورة	يعرض تسميات الصور على بيانات المخططات الدائرية
2️⃣ ❕ ❕	التسميات الخارجية لمخطط الرسم البياني	يعرض التسميات خارج المخطط الدائري/الدائري المجوف
2️⃣ ❕ ❕	الانحدار	حساب ورسم الإنحدارات الإحصائية (خطوط الاتجاه)
❕ ❕ 4️⃣	خط الاتجاه	رسم خطوط الاتجاه
2️⃣ ❕ ❕	شلال	يتيح سهولة استخدام المخططات الانحدارية

التفاعلات

يدعم	اسم	وصف
❕ ❕ 4️⃣	a11y-legend	يوفر إمكانية الوصول إلى لوحة المفاتيح لوسائط الرسم البياني
❕ 3️⃣4️⃣	com.chart2music	يعزز إمكانية الوصول إلى المخطط من خلال التنقل عبر لوحة المفاتيح والصوتنة
2️⃣3️⃣4️⃣	مؤجل	يؤجل التحديث الأولي للمخطط حتى يتم تمرير المخطط إلى إطار العرض
2️⃣3️⃣4️⃣	com.dragdata	يتيح للمستخدمين سحب نقاط البيانات على المخطط
2️⃣3️⃣4️⃣	تكبير	تمكين التكبير/التصغير والتحريك على الرسوم البيانية

مصادر البيانات

يدعم	اسم	وصف
2️⃣3️⃣4️⃣	مصدر البيانات-بروميثيوس	يعرض السلاسل الزمنية من بروميثيوس
2️⃣3️⃣ ❕	جاري	يضيف الدعم لبيانات البث المباشر

بالإضافة إلى ذلك، يمكن العثور على العديد من المكونات الإضافية في سجل npm.

محولات

يدعم	اسم	وصف
2️⃣3️⃣4️⃣	date-fns	محول تاريخ FNS
2️⃣3️⃣4️⃣	com.dayjs	محول Dayjs
2️⃣3️⃣4️⃣	لوكسون	محول لوكسون
2️⃣3️⃣4️⃣	لحظة	محول Moment.js
❕ 3️⃣4️⃣	الزمكان	محول الزمكان

التكامل

جافا سكريبت

يدعم	اسم	وصف
2️⃣ ❕ ❕	جمرة-cli-chart	امبر CLI
❕ ❕ 4️⃣	Fresh_charts	طازج
2️⃣ ❕ ❕	lwcc	البرق مكون ويب
2️⃣3️⃣4️⃣	ng2-charts	الزاوي v2+
2️⃣3️⃣ ❕	omi-chart	أومي
2️⃣3️⃣4️⃣	رد الفعل-chartjs-2	رد فعل
❕ 3️⃣4️⃣	Solid-chartjs	SolidJs
❕ 3️⃣4️⃣	svelte-chartjs	ممشوق
2️⃣3️⃣4️⃣	vue-chartjs	Vue.js

آحرون

يدعم	اسم	وصف
❕ 3️⃣ ❕	BlazorChartjs	بليزر
❕ 3️⃣4️⃣	pax.BlazorChartJs	Blazor (مع عزل JavaScript)
2️⃣3️⃣4️⃣	شربا	غوت/J2CL
2️⃣ ❕ ❕	java	جافا
❕ ❕ 4️⃣	Chartjs-Java-model	جافا
2️⃣ ❕ ❕	Chartjs-ocaml	أوكامل
2️⃣3️⃣ ❕	Chartjs-ror	تعمل روبي على تبسيط استخدام Chart.js في طرق عرض Rails
❕ 3️⃣4️⃣	مخطط شبيبة-RS	أنواع Chart.js API في Rust (WIP في Alpha/غير مكتمل)
2️⃣ ❕ ❕	django-chartjs	جانغو
	com.Figma	مكونات التصميم
2️⃣3️⃣4️⃣	com.ipychart	بايثون
2️⃣3️⃣4️⃣	laravel-chartjs	لارافيل
2️⃣ ❕ ❕	تسييل	تصور سريع ومتعدد الخيوط لبيانات الدفق باستخدام Angular
2️⃣ ❕ ❕	nova-chartjs	لارافيل نوفا
2️⃣3️⃣4️⃣	رسم بياني سريع	واجهة برمجة تطبيقات الويب للمخططات الثابتة
2️⃣ ❕ ❕	المخططات الشريرة	غلاف لتطبيقات الويب Java
❕ 3️⃣ ❕	Symfony/ux-chartjs	حزمة Symfony UX