رسم بياني للخطاب (Plotly) تضمين![image|616x500](upload://yffctWFiXHM44cODU8IlioEzbDC.p

:information_source: ملخص تضمين رسوم بيانية من Plotly في المنشورات من معادلة
:hammer_and_wrench: المستودع GitHub - NateDhaliwal/discourse-graph-embed
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد على سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

يسمح هذا المكون للمستخدمين بإضافة رسوم بيانية باستخدام Plotly.js إلى مواضيعهم وردودهم.

لاستخدام هذا، انقر فوق الرمز image (:chart_increasing:) في شريط أدوات التنسيق. ثم، ما عليك سوى تعديل المعادلة داخل [wrap][/wrap]. (بالصدفة البحتة، اكتشفت أن علامات الاقتباس الخلفية في التفاف لم تؤثر على أي شيء)

على سبيل المثال:

أيضًا، يمكنك تمرير مؤشر الماوس فوق الرسم البياني للعثور على إحداثيات النقاط:

حاولت في الأصل استخدام تضمين Desmos ولكنه لم ينجح بشكل جيد. Plotly (بدون انتماء) هي مكتبة رائعة (ومفتوحة المصدر أيضًا!) يمكنها القيام بذلك، مقترنة بـ MathJS (مفتوحة المصدر أيضًا) لتشغيل العمليات الحسابية.

يسمح لك Plotly أيضًا باستخدام أشياء مثل الجيب وجيب التمام والظل، بالإضافة إلى اللوغاريتمات (الأساس 10) وغيرها.

مع Plotly، يمكنك أيضًا تنزيل الرسم البياني كملف PNG عن طريق النقر فوق الرمز :camera: في التضمين في أعلى اليمين.

:warning: ملاحظة: الرسوم البيانية للدوال المثلثية (مثل sin و cos و tan) ليست “منحنية” وتنتهي بشكل مدبب نوعًا ما.

اختياريًا، يمكنك تمكين الإعداد show_graph_in_modal (افتراضيًا معطل) لعرض الرسم البياني في نافذة منبثقة بدلاً من أسفل المنشور، بحيث لا تشغل مساحة كبيرة.

في النافذة المنبثقة، انقر فوق الزر تحميل الرسم البياني[1] لتحميل وعرض الرسم البياني.

منشور:

نافذة منبثقة:

آمل أن يكون هذا مفيدًا!


  1. تسمية الزر وعنوانه قابلان للتحرير كترجمات للسمة ↩︎

7 إعجابات

الأيقونة شاحبة جدًا … هل يجب أن أصفها بأنها شاحبة :joy:

إعجاب واحد (1)

لقد دفعت إصلاحًا. هل يعمل الآن؟

إعجاب واحد (1)

بشكل جميل. شكرا.

إعجاب واحد (1)

لقد أضفت إعدادًا جديدًا show_graph_in_modal لعرض الرسم البياني في نافذة منبثقة بدلاً من أسفل المنشور، بحيث لا يشغل مساحة كبيرة.

في النافذة المنبثقة، انقر فوق الزر Load Graph[1] لتحميل وعرض الرسم البياني.

المنشور:

النافذة المنبثقة:


  1. تسمية الزر وعنوانه قابلان للتحرير كترجمات للقالب ↩︎

4 إعجابات

هذا رائع جداً. عمل جيد يا نيت :+1:

3 إعجابات