https://3rabica.org/index.php?action=history&feed=atom&title=%D9%88%D8%AD%D8%AF%D8%A9%3AGraph%2F%D8%B4%D8%B1%D8%ADوحدة:Graph/شرح - تاريخ المراجعة2026-06-07T08:37:15Zتاريخ التعديل لهذه الصفحة في الويكيMediaWiki 1.43.7https://3rabica.org/index.php?title=%D9%88%D8%AD%D8%AF%D8%A9:Graph/%D8%B4%D8%B1%D8%AD&diff=1944&oldid=prevعبد العزيز: بوت: إصلاح أخطاء فحص أرابيكا من 1 إلى 1042023-07-09T07:04:35Z<p>بوت: إصلاح أخطاء فحص أرابيكا من 1 إلى 104</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ar">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخة أقدم</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخة 11:04، 9 يوليو 2023</td>
</tr><tr><td colspan="4" class="diff-notice" lang="ar"><div class="mw-diff-empty">(لا فرق)</div>
</td></tr>
<!-- diff cache key arabica_wiki:diff:1.41:old-1745:rev-1944 -->
</table>عبد العزيزhttps://3rabica.org/index.php?title=%D9%88%D8%AD%D8%AF%D8%A9:Graph/%D8%B4%D8%B1%D8%AD&diff=1745&oldid=prevعبد العزيز: بوت: إصلاح أخطاء فحص أرابيكا من 1 إلى 1042023-07-09T07:04:35Z<p>بوت: إصلاح أخطاء فحص أرابيكا من 1 إلى 104</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ar">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخة أقدم</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخة 11:04، 9 يوليو 2023</td>
</tr><tr><td colspan="4" class="diff-notice" lang="ar"><div class="mw-diff-empty">(لا فرق)</div>
</td></tr>
<!-- diff cache key arabica_wiki:diff:1.41:old-1209:rev-1745 -->
</table>عبد العزيزhttps://3rabica.org/index.php?title=%D9%88%D8%AD%D8%AF%D8%A9:Graph/%D8%B4%D8%B1%D8%AD&diff=1209&oldid=prevعبد العزيز: بوت: إصلاح أخطاء فحص أرابيكا من 1 إلى 1042023-07-09T07:04:35Z<p>بوت: إصلاح أخطاء فحص أرابيكا من 1 إلى 104</p>
<p><b>صفحة جديدة</b></p><div>{{#if:{{{1|}}}||<!-- Parts not to be transcluded from the wrapper templates --><br />
{{تقييم وحدة|alpha}}<br />
<!-- فضلاً أضف التصانيف أسفل الصفحة. ووصلات الانترويكي في ويكي بيانات (أنظر [[أرابيكا:ويكي بيانات]]) --><br />
<br />
وحدة مع الوظائف المساعدة لاستخدام [[:w:Help:Graph|Graph]] .<br />
<br />
== وظائف القوالب ==<br />
=== <code>chart</code> ===<br />
إنشاء كائن JSON <tt><nowiki><graph></nowiki></tt> لعرض الرسوم البيانية. في نطاق المقالات يستخدم [[قالب:Graph:Chart]] بدلاً من ذلك. انظر صفحة توثيق القالب لحالات الاستخدام.<br />
<br />
'''Parameters:'''<br />
}}{{#ifeq:{{{1|chart}}}|chart|<!-- Parts to be transcluded from the wrapper Template:Graph:Chart --><br />
* '''width''': عرض الرسم البياني<br />
* '''height''': ارتفاع الرسم البياني<br />
* '''type''': نوع الرسم البياني:<br />
** <tt>line</tt> لاستخدام [[:مخطط بياني خطي]]<br />
** <tt>area</tt> لاستخدام [[:en:area chart|area chart]]<br />
** <tt>rect</tt> لاستخدام (أعمدة) [[:مخطط بياني]]<br />
** <tt>pie</tt> لاستخدام [[:دائرة مجزأة]].<br />
** يمكن استخدام سلسلة متعددة مكدسة عبر إضافة البادئة <tt>stacked</tt> مثال : <tt>stackedarea</tt>.<br />
<br />
* '''interpolate''': [[:en:interpolation|interpolation]] method for line and area charts. It is recommended to use <code>monotone</code> for a [[:en:monotone cubic interpolation|monotone cubic interpolation]] – further supported values are listed at https://github.com/vega/vega/wiki/Marks#area.<br />
* '''colors''': color palette of the chart as a comma-separated list of colors. The color values must be given either as <code>#rgb</code>/<code>#rrggbb</code>/<code>#aarrggbb</code> or by a [[:en:Web colors#X11 colour names|CSS color name]]. For <code>#aarrggbb</code> the <code>aa</code> component denotes the [[:en:alpha channel|alpha channel]], i.e. FF=100% opacity, 80=50% opacity/transparency, etc. (The default color palette is [http://github.com/d3/d3-scale/blob/master/README.md#schemeCategory10 <code>category10</code>]).<br />
* '''xAxisTitle''' and '''yAxisTitle''': captions of the x and y axes<br />
* '''xAxisMin''', '''xAxisMax''', '''yAxisMin''', and '''yAxisMax''': minimum and maximum values of the x and y axes (not yet supported for bar charts)<br />
* '''xAxisFormat''' and '''yAxisFormat''': changes the formatting of the axis labels. Supported values are listed at https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers for numbers and https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md for date/time. For example, the format <code>%</code> can be used to output percentages.<br />
* '''xAxisAngle''': rotates the x axis labels by the specified angle. Recommended values are: -45, +45, -90, +90<br />
* '''xType''' and '''yType''': Data types of the values, e.g. <code>integer</code> for integers, <code>number</code> for real numbers, <code>date</code> for dates (e.g. YYYY/MM/DD), and <code>string</code> for ordinal values.<br />
* '''x''': the x-values as a comma-separated list<br />
* '''y''' or '''y1''', '''y2''', …: the y-values for one or several data series, respectively. For pie charts <code>y2</code> denotes the radiuses of the corresponding sectors.<br />
* '''legend''': show legend (only works in case of multiple data series)<br />
* '''y1Title''', '''y2Title''', …: defines the label of the respective data series in the legend<br />
* '''linewidth''': line width for line charts or distance between the pie segments for pie charts<br />
* '''showValues''': Additionally, output the y values as text. (Currently, only (non-stacked) bar and pie charts are supported.) The output can be configured used the following parameters provided as <code>name1:value1, name2:value2</code>:<br />
** '''format''': Format the output according to https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers for numbers and https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md for date/time.<br />
** '''fontcolor''': لون النص<br />
** '''fontsize''': حجم النص<br />
** '''offset''': نقل النص من خلال إزاحة معينة. للمخططات الشريطية والرسوم البيانية الدائرية استخدم <tt>midangle</tt> حيث يقوم بتحديد إذا كان النص داخل أو خارج المخطط.<br />
** '''angle''' (المخططات الدائرية فقط): زاوية النص بالدرجات أو <tt>midangle</tt> (افتراضي) للزوايا الديناميكية على أساس منتصف زاوية قطاع الكعكة.<br />
* '''innerRadius''': للمخططات الدائرية: يحدد نصف قطرها الداخلي لإنشاء ''رسم بياني كالدونات''.<br />
* '''showSymbols''': For line charts: show a symbol (circle) at each data point.<br />
}}{{#if:{{{1|}}}||<br />
* '''formatjson''': تنسيق كائن JSON للحصول على أفضل وضوح<br />
<br />
=== Template wrappers ===<br />
الوظيفة <tt>mapWrapper</tt> و<tt>chartWrapper</tt> لتمرير كافة معلمات القالب إلى كل من وظيفتي <tt>map</tt> و <tt>chart</tt> .<br />
}}<br />
<br />
'''ملاحظة:''' في معاينة المحرر تنشىء إضافة Graph [[canvas element]] مع الرسومات المتجهة. ومع ذلك، عند حفظ الصفحة يتم إنشاء الرسومات النقطية بصيغة [[بي إن جي (صيغة ملفات)|PNG]] بدلا من ذلك.<br />
{{#if:{{{1|}}}||<!-- Parts not to be transcluded from the wrapper templates --><br />
<nowiki>{{</nowiki>#invoke:{{BASEPAGENAME}}|''function_wrapper_name''<nowiki>}}</nowiki><br />
}}<br />
<br />
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox | |<br />
<!-- التصانيف هنا، ووصلات الانترويكي في ويكي بيانات --><br />
<br />
}}</includeonly></div>عبد العزيز