| ملخص | تضمين رسوم بيانية من Plotly في المنشورات من معادلة | |
| المستودع | GitHub - NateDhaliwal/discourse-graph-embed | |
| دليل التثبيت | كيفية تثبيت سمة أو مكون سمة | |
| جديد على سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |
تثبيت مكون السمة هذا
يسمح هذا المكون للمستخدمين بإضافة رسوم بيانية باستخدام Plotly.js إلى مواضيعهم وردودهم.
لاستخدام هذا، انقر فوق الرمز
(
) في شريط أدوات التنسيق. ثم، ما عليك سوى تعديل المعادلة داخل [wrap][/wrap]. (بالصدفة البحتة، اكتشفت أن علامات الاقتباس الخلفية في التفاف لم تؤثر على أي شيء)
على سبيل المثال:
أيضًا، يمكنك تمرير مؤشر الماوس فوق الرسم البياني للعثور على إحداثيات النقاط:
حاولت في الأصل استخدام تضمين Desmos ولكنه لم ينجح بشكل جيد. Plotly (بدون انتماء) هي مكتبة رائعة (ومفتوحة المصدر أيضًا!) يمكنها القيام بذلك، مقترنة بـ MathJS (مفتوحة المصدر أيضًا) لتشغيل العمليات الحسابية.
يسمح لك Plotly أيضًا باستخدام أشياء مثل الجيب وجيب التمام والظل، بالإضافة إلى اللوغاريتمات (الأساس 10) وغيرها.
مع Plotly، يمكنك أيضًا تنزيل الرسم البياني كملف PNG عن طريق النقر فوق الرمز
في التضمين في أعلى اليمين.
ملاحظة: الرسوم البيانية للدوال المثلثية (مثل
sinوcosوtan) ليست “منحنية” وتنتهي بشكل مدبب نوعًا ما.
اختياريًا، يمكنك تمكين الإعداد show_graph_in_modal (افتراضيًا معطل) لعرض الرسم البياني في نافذة منبثقة بدلاً من أسفل المنشور، بحيث لا تشغل مساحة كبيرة.
في النافذة المنبثقة، انقر فوق الزر تحميل الرسم البياني[1] لتحميل وعرض الرسم البياني.
منشور:
نافذة منبثقة:
آمل أن يكون هذا مفيدًا!
تسمية الزر وعنوانه قابلان للتحرير كترجمات للسمة ↩︎




