وحدة:Graph/شرح

وحدة مع الوظائف المساعدة لاستخدام Graph .

وظائف القوالب

chart

إنشاء كائن JSON <graph> لعرض الرسوم البيانية. في نطاق المقالات يستخدم قالب:Graph:Chart بدلاً من ذلك. انظر صفحة توثيق القالب لحالات الاستخدام.

Parameters:

• width: عرض الرسم البياني
• height: ارتفاع الرسم البياني
• type: نوع الرسم البياني:
  • line لاستخدام مخطط بياني خطي
  • area لاستخدام area chart
  • rect لاستخدام (أعمدة) مخطط بياني
  • pie لاستخدام دائرة مجزأة.
  • يمكن استخدام سلسلة متعددة مكدسة عبر إضافة البادئة stacked مثال : stackedarea.

• interpolate: interpolation method for line and area charts. It is recommended to use monotone for a monotone cubic interpolation – further supported values are listed at https://github.com/vega/vega/wiki/Marks#area.
• colors: color palette of the chart as a comma-separated list of colors. The color values must be given either as #rgb/#rrggbb/#aarrggbb or by a CSS color name. For #aarrggbb the aa component denotes the alpha channel, i.e. FF=100% opacity, 80=50% opacity/transparency, etc. (The default color palette is category10).
• xAxisTitle and yAxisTitle: captions of the x and y axes
• xAxisMin, xAxisMax, yAxisMin, and yAxisMax: minimum and maximum values of the x and y axes (not yet supported for bar charts)
• 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 % can be used to output percentages.
• xAxisAngle: rotates the x axis labels by the specified angle. Recommended values are: -45, +45, -90, +90
• xType and yType: Data types of the values, e.g. integer for integers, number for real numbers, date for dates (e.g. YYYY/MM/DD), and string for ordinal values.
• x: the x-values as a comma-separated list
• y or y1, y2, …: the y-values for one or several data series, respectively. For pie charts y2 denotes the radiuses of the corresponding sectors.
• legend: show legend (only works in case of multiple data series)
• y1Title, y2Title, …: defines the label of the respective data series in the legend
• linewidth: line width for line charts or distance between the pie segments for pie charts
• 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 name1:value1, name2:value2:
  • 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.
  • fontcolor: لون النص
  • fontsize: حجم النص
  • offset: نقل النص من خلال إزاحة معينة. للمخططات الشريطية والرسوم البيانية الدائرية استخدم midangle حيث يقوم بتحديد إذا كان النص داخل أو خارج المخطط.
  • angle (المخططات الدائرية فقط): زاوية النص بالدرجات أو midangle (افتراضي) للزوايا الديناميكية على أساس منتصف زاوية قطاع الكعكة.
• innerRadius: للمخططات الدائرية: يحدد نصف قطرها الداخلي لإنشاء رسم بياني كالدونات.
• showSymbols: For line charts: show a symbol (circle) at each data point.
• formatjson: تنسيق كائن JSON للحصول على أفضل وضوح

Template wrappers

الوظيفة mapWrapper وchartWrapper لتمرير كافة معلمات القالب إلى كل من وظيفتي map و chart .

ملاحظة: في معاينة المحرر تنشىء إضافة Graph canvas element مع الرسومات المتجهة. ومع ذلك، عند حفظ الصفحة يتم إنشاء الرسومات النقطية بصيغة PNG بدلا من ذلك. {{#invoke:Graph