يوضّح هذا المستند الأنواع المختلفة من الرسوم البيانية الشريطية التي يمكنك إنشاؤها باستخدام Chart API.
جدول المحتويات
الميزات الخاصة بالرسومات البيانية
|
الميزات العادية
|
نظرة عامة
تتوفر مجموعة متنوعة من الرسوم البيانية الشريطية التي يمكنك إنشاؤها، بما في ذلك النُسخ العمودية والأفقية والمجمّعة والمكدّسة والمتداخلة من كل نوع.
تُعدّ الرسوم البيانية الشريطية مفيدة للمقارنة جنبًا إلى جنب واكتشاف المؤشرات في عدد صغير من نقاط البيانات المنفصلة. إنها بديل جيد للمخططات الخطية عندما لا يكون لديك سوى بضع نقاط بيانات في سلسلة.
هناك ثلاث طرق عامة لعرض سلاسل متعددة في رسم بياني شريطي:
مجمّعة |
مكدسة |
تداخل |
cht=bvg |
cht=bvs |
cht=bvo |
ويمكنك التحكّم في عرض الشريط والمسافات باستخدام المَعلمة chbh
.
إذا لم تحدّد السمة chbh
، قد يتم اقتصاص بعض الأشرطة.
يُرجى العلم بأنّه يتم عرض كل السلاسل باللون نفسه تلقائيًا، وإذا لم تحدّد ألوانًا مختلفة لسلاسل مختلفة، سيكون من الصعب التفريق بين توفّر سلاسل متعددة في الرسم البياني. راجِع ألوان السلسلة لمعرفة التفاصيل.
ستعرض الرسوم البيانية الشريطية محورًا واحدًا على الأقل بشكل تلقائي. إذا كنت تريد إخفاء أي
محاور تلقائية، استخدِم المَعلمة chxs
وحدِّد شرطة سفلية للقيمة <axis_or_tick>.
إذا كنت تستخدم تنسيق نص بسيط في الرسوم البيانية المكدّسة، عليك الانتباه إلى أنّ الرسم البياني سيقتص أي قيمة تزيد عن 100 باعتباره إجمالي ارتفاع التكديس ما لم تُضِف تحجيمًا مخصّصًا، كما هو موضّح هنا:
بدون تغيير الحجم، تتجاوز الأشرطة الثلاثة الوسطى 100 شريط، ويتم اقتصاصها في رسم بياني بسيط للبيانات بتنسيق نصي. | cht=bhs |
إذا أردنا عرض طول الشريط المكدس بالكامل، يجب إما استخدام نظام ترميز مختلف أو استخدام تنسيق نص مع تحجيم مخصّص. يجب أن تكون القيمة القصوى للمقياس نسبةً إلى إجمالي ارتفاع الشريط المكدّس، وأن تصل قيمة هذا المثال إلى 160 (الحدّ الأقصى للقيمة المجمّعة). | cht=bhs |
أنواع الرسوم البيانية (cht
)
هناك أنواع مختلفة من المخططات الشريطية التي يمكنك إنشاؤها. حدِّد رسمًا بيانيًا شريطيًا باستخدام البنية التالية:
البنية
cht=<chart_type>
حيث يكون <chart_type>
أحد الأنواع التالية:
نوع الرسم البياني | الوصف | مثال |
---|---|---|
|
رسم بياني شريطي أفقي يتضمن أشرطة مكدسة. المثال الأول (جميع الأشرطة باللون الأزرق الداكن) يحتوي على سلسلة بيانات واحدة. المثال الثاني (أشرطة باللون الأزرق الداكن والأزرق الباهت) له سلسلتان. (يتم أيضًا قياسه لعرض قيمة الشريط المجمّعة، التي تتجاوز 100). كما ترى، يتم تكديس عدّة سلاسل. إذا لم تحدّد ألوانًا مختلفة لسلسلة، ستكون كل الألوان متطابقة (ولن تبدو الأشرطة مكدّسة). ويمكنك أيضًا تحديد لون لكل شريط في سلسلة واحدة. |
cht=bhs |
|
رسم بياني شريطي عمودي بأشرطة مكدسة. يحتوي هذا المثال على سلسلتَين، ويستخدم تنسيق نص مع تحجيم مخصّص لضمان ظهور جميع القيم المكدّسة بالكامل. يُرجى العِلم أنّه إذا نقلت خط الصفر في رسم بياني |
|
bvo |
رسم بياني شريطي عمودي تتكدس فيه الأشرطة أمام بعضها البعض بدلاً من وضعها فوق بعضها البعض. وارتفاع كل شريط هو قيمته الفردية، وليس قيمتها المجمّعة. سيتم ترتيب الأشرطة حسب الارتفاع بحيث تكون جميع الأشرطة مرئية. |
|
|
رسومات بيانية شريطية أفقية تحتوي على أشرطة مجمّعة. يستخدم الرسم البياني في أعلى الشاشة القيم التلقائية لتباعد المجموعات، ويستخدم الرسم البياني السفلي المَعلمة chbh لتعديل العرض التلقائي للشريط وتباعد المجموعات لتوضيح المجموعات. |
|
|
رسم بياني شريطي عمودي يحتوي على أشرطة مجمّعة. |
|
ألوان السلسلة chco
يمكنك تحديد ألوان أشرطة فردية أو سلاسل فردية أو سلاسل
متعدّدة باستخدام المَعلمة chco
.
إذا لم تحدّد لونًا مختلفًا لكل سلسلة، ستكون كل السلاسل
باللون نفسه.
البنية
chco=<series_1_color>, ..., <series_n_color> or chco=<series_1_bar_1>|<series_1_bar_2>|...|<series_1_bar_n>,<series_2>,...,<series_n>
<color>
- تمثّل رقمًا سداسيًا عشريًا بتنسيق RRGGBB لاستخدامه في سلسلة أو شريط فردي. لتطبيق اللون على السلسلة بأكملها، يجب أن تكون مفصولة بفواصل. لتطبيق اللون على شريط فردي، يجب أن يكون محدّدًا بشُرط رأسية. يمكنك المزج بين هذين التنسيقين. راجِع الجدول أدناه للاطّلاع على أمثلة. وكلما كان عدد قيم الألوان أقل من نقاط البيانات أو السلسلة، تتنقل الألوان في القائمة مرة أخرى، بدءًا من أول لون في تلك المجموعة.
أمثلة
الوصف | مثال |
---|---|
لون واحد لكل سلسلة، بألوان مفصولة بفواصل |
|
لون واحد لكل قيمة، مع ألوان تفصلها شُرط رأسية. |
|
مجموعة من ألوان السلسلة وألوان الأشرطة الفردية. يعرض هذا المثال رسمًا بيانيًا شريطيًا يتضمّن سلسلتَين. تمثّل هذه السمة أوّل سلسلة باللون الأسود
( |
|
يوضّح هذا المثال إعدادات ألوان مختلفة لكل شريط في رسم بياني متعدد السلاسل. | chco= |
يمكنك أيضًا تحديد التعبئة لتلوين سلسلة بألوان خالصة أو مخطَّطة أو متدرجة. تشبه التعبئة الخالصة استخدام chco ، إلا أنّ الشرائط أو التدرجات اللونية تنشئ تأثيرات فريدة. |
chd=
chd=t: |
تصنيفات الأشرطة
تتيح المخططات الشريطية تصنيفات المحاور العادية، ولكن التصنيفات على طول قاعدة الأشرطة يتم تخصيصها لأشرطة فردية،
بدلاً من وضعها على طول الرسم البياني الشريطي. (لتوزيع التصنيفات بالتساوي، استخدِم المَعلمة chxp
كما هو موضّح أدناه). إذا حددت تصنيفات المحاور بدون تحديد تصنيفات مخصّصة على طول محور الشريط، ستكون تصنيفات الأشرطة هي رقم الفهرس لكل شريط أو مجموعة من الأشرطة. يمكنك تخصيص تصنيفات المحاور باستخدام المَعلمة chxl
.
الوصف | مثال |
---|---|
رسم بياني شريطي يستخدم التصنيفات التلقائية للمحور x. | chxt=x,y |
رسم بياني شريطي يستخدم تصنيفات مخصّصة على المحور "س" |
|
إذا كان لديك عدد مختلف من التصنيفات والأشرطة وأردت إضافة مسافة بين التصنيفات بشكل متساوٍ (بدلاً من أسفل كل شريط)، استخدِم المَعلمة
|
|
عرض الشريط وتباعده chbh
يمكنك اختياريًا تحديد قيم مخصّصة لعرض الشريط والتباعد بين الأشرطة والمجموعات. يمكنك فقط تحديد مجموعة واحدة من قيم العرض لكل الأشرطة. في حال عدم تحديد السمة chbh
، سيكون عرض كل الأشرطة 23 بكسل، ما يعني أنّه يمكن اقتصاص أشرطة النهاية إذا كان إجمالي عرض الشريط + المساحة أكبر من عرض الرسم البياني.
البنية
chbh= <bar_width_or_scale>,<space_between_bars>,<space_between_groups>
- <bar_width_or_scale>
- عرض الشريط: يمكنك تحديد العرض والمسافات بشكل مطلق أو نسبي عن طريق إدخال إحدى القيم التالية. القيمة التلقائية هي 23 بكسل، وهي قيمة مطلقة.
- width - عرض الشريط بالبكسل. جميع قيم المسافات هي أيضًا قيم مطلقة بالبكسل. ويمكن قص الأشرطة إذا لم يكن الرسم البياني واسعًا بما يكفي.
a
- يتم تحديد space_between_bars وspace_between_bars بوحدات مطلقة (أو قيم مطلقة تلقائية إذا لم يتم تحديدها). سيتم تغيير حجم الأشرطة بحيث تتناسب كل الأشرطة في الرسم البياني.r
- يتم تقديم space_between_bars وspace_between_bars بوحدات نسبية (أو قيم نسبية تلقائية، في حال عدم تحديدها). تمثّل الوحدات النسبية قيم نقطة عائمة مقارنةً بعرض الشريط، حيث يكون عرض الشريط 1.0، على سبيل المثال، 0.5 هو نصف عرض الشريط، بينما يساوي 2.0 ضعف عرض الشريط. يمكن قص الأشرطة إذا لم يكن المخطط عريضًا بدرجة كافية.
- <space_between_bars>
- [اختياري] مسافة بين الأشرطة في المجموعة نفسها إذا كان تحديد الحجم مطلق، يكون العرض بالبكسل. وإذا كان الحجم نسبيًا، تكون هذه القيمة هي قيمة النقطة العائمة، حيث 1.0 هو عرض الشريط. القيمة التلقائية هي 4 بكسل للقيم المطلقة أو 4/23 للقيم النسبية.
- <space_bin_groups>
- [اختياري] المسافة بين مجموعات الأشرطة في المجموعة نفسها إذا كان الحجم مطلقًا، يكون العرض بالبكسل. وإذا كان الحجم نسبيًا، تكون قيمة النقطة العائمة 1.0 هو عرض الشريط. القيمة التلقائية هي 8 بكسل للقيم المطلقة أو 8/23 للقيم النسبية.
لا يمكنك حذف معلَمات اختيارية متوسطة ويجب أن تنتهي بقيمة محدّدة. على سبيل المثال: chbh=10,5,10
غير صالح، وchbh=10,,10
غير صالح، وchbh=10,5,
غير صالح.
الوصف | مثال |
---|---|
يستخدم هذا الرسم البياني القيمة لا يحدد الرسم البياني الأول تباعدًا للمجموعات، لذا لا تظهر المجموعات بشكلٍ واضح. يضيف الرسم البياني الثاني بعض المسافات (15 بكسل) بين المجموعات. |
|
يستخدم هذا الرسم البياني القيمة |
|
يحتوي الرسم البياني الأول على خمس قيم في كل سلسلة، ولكن الرسم البياني صغير جدًا بحيث لا يعرض جميع الأشرطة ذات القيم التلقائية: 10
* 23 بكسل للأشرطة + ...لذلك يتم اقتصاص بعض الأشرطة. يحدد الرسم البياني الثاني قيم الشريط المطلق والمسافات لتلائم جميع الأشرطة في الرسم البياني. |
|
بدون سطر chp
يمكنك تحديد سطر صفري مخصّص للرسم البياني باستخدام معلَمة chp
أو ترميز النص مع تغيير حجم البيانات. تعمل هذه الأسطر الصفرية بطريقتين مختلفتين:
- تغيير حجم البيانات - عند استخدام بيانات تنسيق نصي مع مَعلمة تغيير الحجم
chds
، سيتم رفع السطر الصفري قدر الإمكان لعرض جميع القيم السلبية. - مَعلمة
chp
: يمكنك أيضًا نقل السطر الصفر يدويًا بأي تنسيق بيانات إلى أي موقع جغرافي باستخدام مَعلمةchp
. يؤدي ذلك في الواقع إلى إنشاء خط صفري اصطناعي، وإعادة رسم الأشرطة كفرق بين قيمة البيانات والقيمة الصفرية العشوائية (أي أنّه يتم رسم الأشرطة من الخط الصفري إلى قيمة الشريط). ولا يمكن استخدام هذا السمة معchds
.
البنية
chp= <zero_value_series_1>, ..., <zero_value_series_n>
- <zero_value_series_1>
- قيمة النقطة العائمة من 0.0 إلى 1.0، ضمنًا، حيث 0.0 هو أسفل المحور و1.0 في أعلى المحور. وستتم إعادة رسم الأشرطة لإظهار الفرق بين هذه القيمة وقيمتها.
الوصف | مثال |
---|---|
فيما يلي ثلاث نسخ من مخطط شريطي بنفس البيانات:
|
|
يوضّح هذا المثال ضبط سطر صفري باستخدام بيانات منسّقة
مع تحجيم مخصّص ( تتراوح قيم المثال بين -60 و120. يتم ضبط المقياس على -80 إلى 140، بحيث تكون المساحة أعلى الشرائط وتحتها. |
chd=t:30,-60,50,120,80 |
الرسوم البيانية المركّبة
يمكنك إضافة خطوط وشمعدانات وعلامات تحديد الأشكال إلى رسم بياني شريطي لإنشاء رسم بياني مركّب. راجِع الرسوم البيانية المركّبة لمزيد من التفاصيل.
العلامات على أشرطة معيّنة (cht=bvg
فقط)
عند رسم علامة chm
على رسم بياني عمودي مجمّع، يتم تلقائيًا رسم
العلامة على السلسلة نفسها التي تستمد بياناتها منها. إذا كانت البيانات عبارة عن سلسلة مخفية، يكون السلوك التلقائي هو توسيط العلامة على مجموعة الأشرطة.
ومع ذلك، باستخدام الرسوم البيانية الشريطية المجمّعة عموديًا (النوع bvg
)، يمكنك تحديد سلسلة مواضع إعلان مختلفة عن سلسلة بيانات محدّد الموقع. لإجراء ذلك، حدِّد المَعلمة <series_index>
(المَعلمة الثالثة) باستخدام البنية التالية: <data_series_index>:<placement_series_index>
.
تجدر الإشارة إلى أنّه في حال تحديد سلسلة مواضع إعلانات مخفية أو غير موجودة، سيتم تركيز العلامة أفقيًا على المجموعة.
أفضل طريقة لاستخدام هذه الميزة هي استخدام سلسلة مخفية لبيانات العلامة، ووضع العلامة على سلسلة مرئية.
توضح الأمثلة التالية السلوك الافتراضي، مع تطابق كل من سلسلة البيانات وسلسلة المواضع، وبناء الجملة المتقدم، مما يحدد سلسلة بيانات وموضعات مختلفة.
سلسلة بيانات مخفية، موضع محدّد موقع تلقائي | سلسلة البيانات المخفية، موضع محدّد الموقع المتقدم |
---|---|
في هذا المثال، يحدد البنية الأساسية أن بيانات العلامة وموضعها يجب أن تكون على نفس السلسلة. بما أنّ هذه السلسلة مخفية، يتم توسيط الموضع التلقائي عموديًا على كل مجموعة. |
في هذا المثال، تحدد البنية المتقدمة مصدر بيانات وسلسلة مواضع مختلفة للعلامات. تستخدم الدوائر بيانات من السلسلة المخفية 2 ويتم وضعها في السلسلة 0؛ تستخدم المربعات بيانات من السلسلة المخفية 3 ويتم وضعها في السلسلة 1. |
يوضح المثال التالي كيفية إضافة عدة أنواع مختلفة من العلامات إلى أشرطة فردية في مخطط شريطي مجمّع. يُرجى العِلم بكيفية توسيط الدائرة السوداء على المجموعات، لأنّها تحدّد سلسلة مخفية كسلسلة مواضع إعلان.
chd=t4: // First four series are rendered as bars. Remaining data is hidden.
5,10,15,20,25,30 // Purple bar
10,20,30,40,50,60 // Blue bar
30,40,50,60,70,80 // Olive bar
5,5,5,5,5,5 // Black bar
0,15,25,30,45,55 // Hidden data: Purple circle, blue error bar start
15,30,40,45,55,65 // Hidden data: Blue error bar end
20,35,45,50,55,65 // Hidden data: Yellow error bar start
40,45,55,80,75,85 // Hidden data: Yellow error bar end
chm= // Markers:
o,D000D0,4:0,,10 // Purple circle: data series 4, placement series 0 (purple)
E,00D0D0,4:1,,1:10 // Blue error bars: data series 4, placement series 1 (blue)
E,D0D000,6:2,,1:10 // Yellow error bars: data series 6, placement series 2 (olive)
o,000000,3:4,,10 // Black circle: data series 3, placement 4 (hidden placement series, centered in group)
الميزات العادية
تعتبر بقية الميزات الموجودة في هذه الصفحة ميزات لمخطط الصور القياسية.
عنوان الرسم البياني chtt
، chts
[جميع
الرسوم البيانية]
يمكنك تحديد نص العنوان واللون وحجم الخط للمخطط.
البنية
chtt=<chart_title> chts=<color>,<font_size>,<opt_alignment>
chtt
: لتحديد عنوان الرسم البياني.
- <chart_title>
- العنوان الذي سيتم عرضه في الرسم البياني ولا يمكنك تحديد مكان ظهور هذا النص، ولكن يمكنك
اختياريًا تحديد حجم الخط ولونه. استخدِم علامة + للإشارة إلى المسافات،
وعلامة الشرطة الرأسية (
|
) للإشارة إلى فواصل الأسطر.
chts
[اختيارية]: الألوان وحجم الخط للمَعلمة chtt
- <color>
- لون العنوان بالتنسيق السداسي العشري RRGGBB. اللون التلقائي هو الأسود.
- <font_size>
- حجم خط العنوان بالنقاط
- <opt_alignment>
- [اختيارية] يجب عرض العنوان بشكل متّسق. اختر إحدى قيم السلسلة التالية الحساسة لحالة الأحرف: "l" (يسار) أو "c" (في الوسط) "r" (لليمين). القيمة التلقائية هي "c".
أمثلة
الوصف | مثال |
---|---|
مخطط بعنوان، باستخدام اللون وحجم الخط الافتراضيين. يجب تحديد مساحة باستخدام علامة الجمع ( استخدِم حرف الشرطة الرأسية ( لم يتم تحديد |
chtt=Site+visitors+by+month| |
رسم بياني لعنوان أزرق محاذٍ لليمين ومكونًا من 20 نقطة. |
chtt=Site+visitors |
نص التسمية التوضيحية والنمط في الرسم البياني chdl
وchdlp
وchdls
[كل
الرسوم البيانية]
وسيلة الإيضاح هي قسم جانبي من الرسم البياني يقدّم وصفًا نصيًا صغيرًا لكل سلسلة. يمكنك تحديد النص المرتبط بكل سلسلة في وسيلة الإيضاح هذه، وتحديد مكان ظهورها على الرسم البياني.
راجِع أيضًا chma
للاطّلاع على كيفية تحديد الهوامش حول وسيلة الإيضاح.
ملاحظة بشأن قيم السلسلة: يُسمح فقط باستخدام الأحرف الآمنة من عنوان URL في سلاسل التصنيفات. ولضمان الأمان، عليك ترميز عنوان URL لأي سلاسل تحتوي على أحرف غير متوفّرة في مجموعة الأحرف 0-9a-zA-Z
.
يمكنك العثور على برنامج ترميز لعناوين URL في مستندات العروض المرئية من Google.
البنية
chdl=<data_series_1_label>|...|<data_series_n_label> chdlp=<opt_position>|<opt_label_order> chdls=<color>,<size>
chdl
- النص الخاص بكل سلسلة ليتم عرضه في وسيلة الإيضاح.
- <data_series_label>
- نص إدخالات وسيلة الإيضاح. ينطبق كل تصنيف على السلسلة المقابلة في المصفوفة
chd
. استخدِم علامة + للمساحة. وإذا لم تحدّد هذه المَعلمة، لن يحصل الرسم البياني على وسيلة إيضاح. ولا تتوفر طريقة لتحديد فاصل أسطر في التصنيف. وسيتم توسيع وسيلة الإيضاح عادةً للاحتفاظ بنص وسيلة الإيضاح، كما ستتقلّص مساحة الرسم البياني لتلائم وسيلة الإيضاح.
chdlp
- [اختيارية] تحدّد هذه السمة موضع
وسيلة الإيضاح وترتيب إدخالات التسمية التوضيحية. يمكنك تحديد <position>
و/أو <label_order>. وإذا حدّدت كليهما، افصلهما بحرف شريط. يمكنك إضافة علامة "'s" إلى أي قيمة إذا أردت تخطّي الإدخالات الفارغة في وسيلة الإيضاح في
chdl
في وسيلة الإيضاح. أمثلة: chdlp=bv
، chdlp=r
، chdlp=bv|r
، chdlp=bvs|r
- <opt_position>
- [اختيارية] تحدّد هذه السمة موضع وسيلة الإيضاح في الرسم البياني. لتحديد مساحة متروكة إضافية بين وسيلة الإيضاح ومنطقة الرسم البياني أو حدود الصورة، استخدِم المَعلمة
chma
. اختَر إحدى القيم التالية:b
: وسيلة الإيضاح أسفل الرسم البياني، وإدخالات وسيلة الإيضاح في صف أفقيbv
: وسيلة الإيضاح في أسفل الرسم البياني، وإدخالات وسيلة الإيضاح في عمود عموديt
: وسيلة الإيضاح أعلى الرسم البياني، وإدخالات وسيلة الإيضاح في صف أفقيtv
: وسيلة إيضاح أعلى الرسم البياني، وإدخالات وسيلة الإيضاح في عمود عموديr
- [تلقائي] وسيلة الإيضاح على يسار الرسم البياني، وإدخالات وسيلة الإيضاح في العمود العموديl
: وسيلة إيضاح على يمين الرسم البياني، وإدخالات وسيلة الإيضاح في عمود عمودي
- <opt_label_order>
- [اختيارية]
تمثّل هذه السمة الترتيب الذي تظهر به التصنيفات في وسيلة الإيضاح.
اختَر إحدى القيم التالية:
l
- [الإعداد التلقائي للوسائل الإيضاح العمودية] عرض التصنيفات بالترتيب المقدم للسمةchdl
.r
- عرض التصنيفات بالترتيب العكسي كما هو موضح فيchdl
. ويعد هذا أمرًا مفيدًا في المخططات الشريطية المكدسة لعرض وسيلة الإيضاح
بنفس الترتيب الذي تظهر فيه الأشرطة.a
- [الإعداد التلقائي لأدوات الإيضاح الأفقية] الترتيب التلقائي: يعني الترتيب حسب الطول تقريبًا، والأقصر أولاً، حسب ما يتم قياسه بكتل 10 بكسل. عندما يكون العنصران بنفس الطول (مقسمَين إلى 10 وحدات بكسل)، سيظهر العنصر المُدرَج أولاً.0,1,2...
- ترتيب تصنيف مخصّص هذه قائمة بفهارس التصنيفات المستندة إلى صفر منchdl
، مفصولة بفواصل.
chdls
- [اختيارية]: تحدّد هذه السمة لون نص وسيلة الإيضاح وحجم الخط.
- <color>
- لون نص وسيلة الإيضاح، بالتنسيق السداسي العشري RRGGBB.
- <size>
- حجم نقطة نص وسيلة الإيضاح.
أمثلة
الوصف | مثال |
---|---|
مثالان على وسائل الإيضاح. حدِّد نص وسيلة الإيضاح بنفس ترتيب سلسلة البيانات. |
chdl=NASDAQ|FTSE100|DOW
chdl=First|Second|Third |
يعرض الرسم البياني الأول إدخالات وسيلة الإيضاح الأفقية ( |
|
يوضح هذا المثال تغيير حجم الخط. |
|
هوامش الرسم البياني chma
[كل
الرسوم البيانية]
يمكنك تحديد حجم هوامش الرسم البياني بالبكسل. يتم احتساب الهوامش داخليًا من حجم الرسم البياني المحدّد (chs
)، ولا تؤدي زيادة حجم الهامش إلى زيادة إجمالي حجم الرسم البياني، بل تقليص مساحة الرسم البياني إذا لزم الأمر.
الهوامش بشكل افتراضي هي ما يتبقى بعد حساب حجم المخطط. تختلف هذه القيمة التلقائية حسب نوع الرسم البياني. الهوامش التي تحدّدها هي حد أدنى للقيمة، وإذا تركت مساحة الرسم البياني مساحة للهوامش، سيكون حجم الهامش هو ما يتبقى، ولا يمكنك الضغط على الهوامش أصغر حجمًا مما هو مطلوب لأي وسائل إيضاح وتصنيفات. في ما يلي مخطّط بياني يوضّح الأجزاء الأساسية من الرسم البياني:
تشتمل هوامش الرسم البياني على تصنيفات المحاور ومنطقة الرسم البياني. يتم تغيير حجم منطقة وسيلة الإيضاح تلقائيًا لتلائم النص تمامًا، ما لم تحدّد عرضًا أكبر باستخدام ملاحظة: في الرسم البياني الشريطي، لا يمكن تقليل عرض مساحة الرسم البياني إذا كان حجم الأشرطة ثابتًا (الإعداد التلقائي). يجب تحديد حجم شريط أصغر أو قابل لتغيير حجمه باستخدام |
البنية
chma= <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
- <left_margin>، <left_margin>، <left_margin>، <left_margin>
- الحد الأدنى لحجم الهامش حول مساحة الرسم البياني بالبكسل يمكنك زيادة هذه القيمة لتضمين بعض المساحة المتروكة لمنع اصطدام تصنيفات المحاور بحدود الرسم البياني.
- <opt_legend_width>، <opt_legend_height>
- [اختيارية] عرض الهامش حول وسيلة الإيضاح، بالبكسل استخدِم هذا الخيار لتجنّب ظهور وسيلة الإيضاح أمام منطقة الرسم البياني أو حواف الصورة.
أمثلة
الوصف | مثال |
---|---|
في هذا المثال، يبلغ الحد الأدنى للهامش 30 بكسل في الرسم البياني على كل جانب. وبما أنّ عرض وسيلة إيضاح الرسم البياني يزيد عن 30 بكسل، يتم ضبط الهامش في الجانب الأيسر على عرض وسيلة إيضاح الرسم البياني، ويختلف عن الهوامش الأخرى. تقع تصنيفات المحور خارج مساحة الرسم البياني، وبالتالي يتم رسمها داخل مساحة الهامش. |
|
لإضافة هامش حول وسيلة الإيضاح، اضبط قيمة للمعلمتَين في هذا المثال، يبلغ عرض وسيلة الإيضاح 60 بكسل تقريبًا. في حال ضبط
|
|
أنماط وتصنيفات المحور [الخط، الشريط، Google-o-meter، الرادار، المبعثر]
ويمكنك تحديد المحاور التي تريد عرضها على الرسم البياني ومنحها تصنيفات ومواضع ونطاقات وأنماط مخصّصة.
لا تعرض جميع الرسوم البيانية خطوط المحور تلقائيًا. يمكنك تحديد المحاور التي يجب أن يعرضها الرسم البياني بالضبط باستخدام معلَمة chxt
. لا تعرض خطوط المحور التلقائية
أرقامًا، يجب تحديد محور في المعلَمة chxt
لعرض الأرقام.
يمكنك اختيار أن تعرض
المحاور أرقامًا تعكس قيم البيانات، أو يمكنك تحديد محاور مخصّصة.
والخيار التلقائي هو عرض القيم الرقمية،
مع تغيير القيم لتتراوح من 0 إلى 100.
ومع ذلك، يمكنك تغيير هذا النطاق باستخدام chxr
لعرض أي نطاق، ويمكنك وضع نمط للقيم (على سبيل المثال، لعرض رموز العملات أو المنازل العشرية) باستخدام chxs
.
إذا اخترت استخدام قيم مخصّصة،
مثل "الاثنين، الثلاثاء، الأربعاء"، يمكنك استخدام مَعلمة chxl
.
لوضع هذه التصنيفات في مواقع محددة على طول المحور، استخدِم مَعلمة chxp
.
أخيرًا، يمكنك استخدام المَعلمتَين chxs
وchxtc
لتحديد اللون والحجم والمحاذاة وسمات أخرى لتصنيفات المحاور المخصّصة والرقمية.
ملاحظة بشأن قيم السلسلة: يُسمح فقط باستخدام الأحرف الآمنة من عنوان URL في سلاسل التصنيفات. ولضمان الأمان، عليك ترميز عنوان URL لأي سلاسل تحتوي على أحرف غير متوفّرة في مجموعة الأحرف 0-9a-zA-Z
.
يمكنك العثور على برنامج ترميز لعناوين URL في مستندات العروض المرئية من Google.
يتناول هذا القسم المواضيع التالية:
- المحاور المرئية (
chxt
): تمثّل المحاور التي يجب عرضها. - نطاق المحور (
chxr
) - نطاق القيمة لكل محور - تصنيفات المحاور المخصصة (
chxl
): قيم مخصصة لتظهر على المحور. - مواضع تصنيف المحور (
chxp
): موضع التصنيفات المخصّصة على طول كل محور - أنماط تصنيفات المحاور (
chxs
): لون تصنيفات المحاور وحجمها ومحاذاة وتنسيقها - أنماط علامات تحديد المحور (
chxtc
) - طول علامات التجزئة لمحور معيّن.
المحاور المرئية chxt
تعرض المخططات الشريطية والخطية والرادارية ومخططات النقاط المبعثرة
خطًا أو خطَين على المحور بشكل تلقائي، ولكن هذه الخطوط لا تتضمّن قيمًا.
لعرض القيم على خطوط المحور، أو لتغيير المحاور التي يتم عرضها، عليك استخدام
مَعلمة chxt
.
تتراوح قيم المحور تلقائيًا بين 0 و100، ما لم يتم ضبطها بشكل صريح
باستخدام السمة chxr
. لإخفاء جميع خطوط المحاور في رسم بياني خطي، حدِّد :nda
بعد قيمة نوع الرسم البياني في المعلمة cht
(مثال: cht=lc:nda
).
لا يعرض المحوران العلوي والسفلي تلقائيًا علامات اختيار حسب القيم، بينما يعرضهما المحوران الأيسر والأيمن. يمكنك تغيير هذا السلوك باستخدام المَعلمة chxs
.
البنية
chxt= <axis_1> ,..., <axis_n>
- <axis>
- محور مطلوب عرضه على الرسم البياني. المحاور المتاحة هي:
x
- المحور "س" السفليt
- المحور "س" العلوي [غير متوافق مع Google-o-Meter]y
- المحور "ص" الأيسرr
- المحور ص الأيمن [غير متوافق مع Google-o-Meter]
يمكنك تحديد محاور متعدّدة من النوع نفسه،
على سبيل المثال: cht=x,x,y
. سيؤدي هذا الإجراء إلى تكديس مجموعتَين من المحاور x على طول الجزء السفلي من الرسم البياني. ويكون هذا الإجراء مفيدًا عند إضافة تصنيفات مخصّصة على محور يعرض قيمًا رقمية (راجِع المثال أدناه). يتم رسم المحاور من الداخل إلى الخارج، لذا إذا كان لديك x,x
، تشير علامة x الأولى إلى النسخة الأعمق، وتشير علامة x التالية إلى النسخة الخارجية التالية، وهكذا.
أمثلة
الوصف | مثال |
---|---|
يعرض هذا المثال رسمًا بيانيًا خطيًا يحتوي على محور س ومحور ص ومحور علوي (t) ومحور أيمن (r). بسبب عدم تحديد أي تصنيفات، يتم ضبط الرسم البياني تلقائيًا على نطاق يتراوح بين 0 و100 لجميع المحاور. يُرجى العلم أنّ المحورين العلوي والسفلي لا يُظهران تلقائيًا علامات التجزئة بجانب التصنيفات. |
|
يمكنك تضمين مجموعات متعدّدة من التصنيفات لكل محور من خلال تضمين القيمة نفسها أكثر من مرة. يوضّح هذا المثال مجموعتين من المحاور x ومجموعتين من المحاور y. ولن يكون ذلك مفيدًا بشكل خاص عند استخدام تصنيفات المحاور التلقائية فقط،
كما هو موضّح هنا. ويمكنك تحديد تصنيفات مخصّصة لكل نسخة من كل محور باستخدام المَعلمة chxl . |
<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=20" <img <code="" dir="ltr" src="/static/chart/image/images/chart_42.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=20
|
يعرض هذا المثال رسمًا بيانيًا شريطيًا أفقيًا على محور "س" ومحور ص ومحور T علوي ومحور r أيمن. يتم حذف تصنيفات المحور، لذا تعرض Chart API نطاقًا من 0 إلى 100 للمحور x والمحور t. يتم تحديد نطاق المحور الصادي والمحور r من خلال عدد الأشرطة. في هذه الحالة، هناك خمسة أشرطة، لذا تعرض Chart API نطاقًا يتراوح من 0 إلى 4. يوضع التصنيف الأول في وسط قاعدة الشريط الأول، ويوضع التصنيف الثاني في وسط قاعدة الشريط الثاني، وهكذا. |
|
يمكنك إيقاف المحاور التلقائية في رسم بياني خطي من خلال تحديد :nda بعد
نوع الرسم البياني. |
cht=lc:nda |
نطاق المحور chxr
يمكنك تحديد نطاق القيم التي تظهر على كل محور بشكل مستقل، باستخدام المَعلمة chxr. يُرجى العِلم أنّ هذا لن يغيِّر مقياس عناصر الرسم البياني، بل يغير فقط مقياس تصنيفات المحور. إذا كنت تريد أن تصف أرقام المحاور قيم البيانات الفعلية، اضبط <start_val> و <end_val> على القيمتين الأدنى والعليا لنطاق تنسيق البيانات، على التوالي. راجِع تحجيم المحور للاطّلاع على مزيد من المعلومات.
عليك إظهار محور باستخدام المَعلمة chxt
إذا كنت تريد تحديد نطاقه.
لتحديد قيم المحور المخصّص، استخدِم المَعلمة chxl
.
البنية
افصل بين نطاقات تصنيفات المحاور المتعددة باستخدام رمز الشرطة الرأسية ( |
).
chxr= <axis_index>,<start_val>,<end_val>,<opt_step> |...| <axis_index>,<start_val>,<end_val>,<opt_step>
- <axis_index>
- محور تطبيق التصنيفات عليه. هذا الفهرس يستند إلى صفر في مصفوفة المحور التي تحدّدها السمة
chxt
. على سبيل المثال، سيكون المحور r هو 1 فيchxt=x,r,y
. - <start_val>
- رقم يحدد القيمة المنخفضة لهذا المحور.
- <end_val>
- رقم يحدد القيمة العالية لهذا المحور.
- <opt_step>
- [اختيارية] هي خطوة العد بين المؤشرات على المحور. ولا تتوفّر قيمة تلقائية للخطوة، ويتم احتساب الخطوة لمحاولة عرض مجموعة من التصنيفات المتباعدة بشكل جيد.
أمثلة
الوصف | مثال |
---|---|
يعرض هذا المثال محورَي الصاديَين الأيمن والأيسر ( لكل محور نطاق محدد. بسبب عدم تحديد أي تصنيفات أو مواضع، يتم أخذ القيم من النطاق المحدد، وتكون متباعدة بشكل متساوٍ ضمن هذا النطاق. في المخطط الخطي، تنتشر القيم بالتساوي على المحور x. تم عكس اتجاه المحور للمحور r (الفهرس |
|
في هذا المثال، يتم تحديد القيم للمحور x. تكون تسميات المحور متباعدة بشكل متساوٍ على طول المحور. ويتم تحديد قيمة خمسة ( |
|
تصنيفات المحور المخصصة chxl
يمكنك تحديد تصنيفات محور السلسلة المخصّصة على أي
محور، باستخدام المَعلمة chxl
. يمكنك تحديد أي عدد تريده من التصنيفات. في حال عرض محور (باستخدام المَعلمة chxt
)
بدون تحديد تصنيفات مخصّصة، سيتم تطبيق التصنيفات العادية والرقمية.
لتحديد نطاق رقمي مخصّص، استخدِم chxr
المعلَمة بدلاً من ذلك.
لضبط مواقع جغرافية محدّدة على طول المحور للتصنيفات، استخدِم المَعلمة chxp
.
البنية
حدِّد مجموعة واحدة من المَعلمات لكل
محور تريد تصنيفه. افصل بين مجموعات التصنيفات المتعددة باستخدام رمز الشرطة الرأسية
( |
).
chxl= <axis_index>:|<label_1>|...|<label_n> |...| <axis_index>:|<label_1>|...|<label_n>
- <axis_index>
- محور تطبيق التصنيفات عليه. هذا
فهرس في مصفوفة معلَمة
chxt
. على سبيل المثال، إذا كان لديكchxt=x,x,y,y
، فسيكون الفهرس 0 هو المحور x الأول، وسيكون 1 هو المحور x الثاني. - <label_1>| ... |<label_n>
- تصنيف واحد أو أكثر لوضعه على طول هذا المحور. يمكن أن تكون هذه القيم سلسلة أو أرقامًا، وليس من الضروري أن تكون السلاسل بين علامتَي اقتباس. ويتم عرض label_1 في أدنى موضع على المحور، كما يتم عرض label_n في أعلى موضع. تفصل التصنيفات الإضافية بينها بالتساوي.
الإشارة إلى المساحات باستخدام علامة + ولا تتوفر طريقة لتحديد فاصل أسطر في التصنيف. افصل بين التصنيفات باستخدام رمز الشرطة الرأسية. ملاحظة: لا تضع ممرًا بعد التصنيف النهائي في مَعلمة
chxl
.
أمثلة
الوصف | مثال |
---|---|
يعرض هذا الرسم البياني كيفية إضافة تصنيفات مخصّصة إلى محورَين. يُرجى العِلم
عن كيفية تباعد القيم بشكل متساوٍ، وكيفية عدم انتهاء قيمة |
chxt=x,y |
يتضمن هذا المثال تصنيفات المحاور على المحورَين الصاديَين الأيمن والأيسر ( |
|
يتضمن هذا المثال تصنيفات المحاور على المحورين الصاديين الأيمن والأيسر ( يستخدم هذا المثال القيم الافتراضية لتسميات المحور على المحور y الأيسر. |
|
إذا كنت تريد إضافة تصنيف عام لوصف محور
بأكمله (على سبيل المثال، لتصنيف محور
"التكلفة" وآخر "طالب")، استخدِم السمة |
chxt=x,x,y,y |
مواضع تصنيف المحور chxp
يمكنك تحديد تصنيفات المحاور التي تريد عرضها، سواء باستخدام التصنيفات التلقائية أو
التصنيفات المخصّصة المحدّدة باستخدام chxl
. إذا لم تحدّد مواضع دقيقة باستخدام هذه المَعلمة، سيتم تباعد التصنيفات بالتساوي وعلى قيمة خطوة تلقائية على طول المحاور. إذا لم تحدّد السمة chxl
، ستكون تصنيفات علامات الاختيار هي القيم التلقائية (عادةً قيم البيانات أو الأرقام الشريطية في الرسوم البيانية الشريطية).
البنية
افصل بين مجموعات تحديد المواقع المتعددة
باستخدام رمز الشرطة الرأسية (|
).
chxp= <axis_1_index>,<label_1_position>,...,<label_n_position> |...| <axis_m_index>,<label_1_position>,...,<label_n_position>
- <axis_index>
- المحور الذي
تحدّد المواضع له. يعرض هذا الحقل فهرسًا لمصفوفة معلَمة
chxt
. على سبيل المثال، إذا كان لديكchxt=x,x,y,y
، سيكون الفهرس 0 هو المحور x الأول، وسيكون 1 هو المحور x الثاني، وهكذا. - <label_1_position>,...,<label_n_position>
- موضع التصنيف على طول المحور. هذه قائمة من القيم الرقمية مفصولة بفواصل، تحدّد فيها كل قيمة موضع التصنيف المقابل في المصفوفة
chxl
: ينطبق الإدخال الأول على التصنيف الأول، وهكذا. الموضع هو قيمة في النطاق الخاص بهذا المحور. تجدر الإشارة إلى أنّ هذه القيمة ستكون دائمًا من 0 إلى 100 ما لم تحدّد نطاقًا مخصّصًا باستخدامchxr
. يجب أن يكون لديك عدد من المواضع بالقدر الذي لديك فيه تصنيفات لهذا المحور.
أمثلة
الوصف | مثال |
---|---|
يتضمن هذا المثال تصنيفات المحور r في مواضع محددة على الرسم البياني. يتم تحديد نص التصنيف باستخدام المَعلمة يتم وضع التصنيفات التي لها موضع محدّد بقيمة يتم وضع التصنيفات التي لها موضع محدّد بقيمة |
|
يوضّح هذا المثال قيم التصنيف التلقائية، ولكن في مواقع جغرافية محدّدة فقط.
|
chxt=x,y
chxt=x,y chxp لم يتم تحديده |
أنماط تصنيفات المحور chxs
يمكنك تحديد حجم الخط ولونه ومحاذاة تصنيفات المحاور، سواء كانت التصنيفات المخصّصة أو قيم التصنيفات التلقائية. وتكون جميع التصنيفات على المحور نفسه بالتنسيق نفسه. إذا كانت لديك نُسخ متعددة من محور واحد، يمكنك تنسيق كل نسخة بشكل مختلف. ويمكنك أيضًا تحديد تنسيق سلسلة التصنيف، مثلاً لعرض رموز العملات أو الأصفار اللاحقة.
بشكل افتراضي، لا يُظهر المحوران العلوي والسفلي علامات التجزئة حسب القيم، بينما يعرضهما المحوران الأيسر والأيمن.
البنية
ويجب فصل قيم المحاور المتعدّدة
باستخدام الشرطة الرأسية (|
).
chxs= <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color> |...| <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
- <axis_index>
- المحور الذي ينطبق عليه ذلك. وهذا الفهرس مبني على صفر في المعلَمة
chxt
. - <opt_format_string>
- [اختيارية] هذه سلسلة تنسيق اختيارية، وتتّبع، في حال استخدامها، رقم فهرس المحور مباشرةً بدون فاصلة متداخلة. تبدأ قاعدة التنسيق بحرف حرف N متبوعًا بالقيم التالية، وجميعها اختيارية:
N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
وفي ما يلي معنى كل عنصر:<preceding_text>
- نص حرفي يسبق كل قيمة*...*
: هو جزء اختياري تحيط به علامات نجمية حرفية، حيث يمكنك تحديد تفاصيل تنسيق الأرقام. القيم التالية متوافقة، وجميعها اختيارية:<number_type>
- تنسيق الأرقام للقيم الرقمية حدِّد أحد الخيارات التالية:f
- [تلقائي] تنسيق النقاط العائمة ننصحك أيضًا بتحديد الدقة باستخدام القيمة <decimal_places>.p
- تنسيق النسبة المئوية يتم إلحاق علامة % تلقائيًا. ملاحظة: عند استخدام هذا التنسيق، يتم ربط قيم البيانات من 0.0 — 1.0 إلى 0 — 100% (على سبيل المثال، سيتم عرض 0.43 على هذا النحو بنسبة 43%).e
- تنسيق الترميز العلميc<CUR>
- تنسيق الرقم بالعملة المحددة، باستخدام محدد العملة المناسب. استبدِل<CUR>
برمز عملة مكوّن من ثلاثة أحرف. مثال:cEUR
لليورو. يمكنك العثور على قائمة بالرموز على موقع ISO على الويب، ولكن ليست كل الرموز متوافقة.
<decimal_places>
- عدد صحيح يحدد عدد المنازل العشرية المراد عرضه. ويتم تقريب القيمة (بدون اقتطاع) إلى هذا الطول. القيمة التلقائية هي 2.z
- عرض الأصفار اللاحقة القيمة التلقائية هي "لا".s
- عرض فواصل المجموعات القيمة التلقائية هي "لا".x
أوy
-عرض البيانات من الإحداثي x أو y، على النحو المحدّد. يختلف معنى بيانات x حسب نوع الرسم البياني، لذا ننصحك بإجراء التجربة على الرسم البياني لتحديد معناه. القيمة التلقائية هي 'y'.
<following_text>
- النص الحرفي المطلوب اتّباع كل قيمة
- <opt_label_color>
- اللون المطلوب تطبيقه على نص المحور (وليس سطر المحور) بالتنسيق السداسي العشري RRGGBB. ويتم تحديد لون خط المحور بشكل منفصل باستخدام opt_axis_color. اللون التلقائي هو الرمادي.
- <opt_font_size>
- [اختيارية] تحدّد حجم الخط بالبكسل. هذه المَعلمة اختيارية.
- <opt_alignment>
- [اختياري] محاذاة التصنيف. بالنسبة إلى المحاور العلوية أو السفلية، يصف هذا التصنيف
كيفية محاذاة التصنيف مع علامة الاختيار فوقه أو أسفله. أما بالنسبة إلى
المحورَين الأيسر والأيمن، فيصف طريقة محاذاة التصنيف داخل مربّع الإحاطة الخاص به والذي يؤثّر
على المحور. حدِّد أحد الأرقام التالية:
-1
- أعلى أو أسفل: تظهر التصنيفات على يمين علامات التجزئة لليسار أو اليمين: تتم محاذاة التصنيفات إلى اليسار في منطقتها. الخيار التلقائي لتصنيفات المحور r0
- لأعلى أو أسفل: ترتكز التصنيفات على علامات التجزئة إلى اليسار أو اليمين: تظهر التصنيفات في وسط المنطقة. الخيار التلقائي لتصنيفات المحورين "س" و"تي".1
- أعلى أو أسفل: تظهر التصنيفات إلى يسار علامات التجزئة لليسار أو الأيمن: تتم محاذاة التصنيفات إلى اليمين في منطقتها. الخيار التلقائي لتصنيفات المحور y.
- <opt_axis_or_tick>
- [اختيارية، غير متاحة في Google-o-meter] ما إذا كان سيتم عرض
علامات التجزئة و/أو خطوط المحور لهذا المحور لا تتوفّر علامات التأشير وخطوط المحور إلا للمحاور الأبعد. (على سبيل المثال، لا يمكن استخدامها مع الجزء الخارجي من محورَين س). استخدِم إحدى القيم التالية:
l
(الحرف الصغير "L") - رسم خط المحور فقطt
- رسم علامات التجزئة فقط علامات التجزئة هي الخطوط الصغيرة بجانب تصنيفات المحاور.lt
- [تلقائي] يمكنك رسم كل من خط المحور وعلامات التجزئة لجميع التصنيفات._
- (شرطة سفلية) لا ترسم خط المحور أو علامات التجزئة. إذا كنت تريد إخفاء خط محور، استخدِم هذه القيمة.
- <tick_color>
- [اختيارية؛ غير متوافقة مع Google-o-meter] لون علامة الاختيار بالتنسيق السداسي العشري RRGGBB اللون التلقائي هو الرمادي.
- <opt_axis_color>
- [اختياري] لون خط المحور هذا، بتنسيق RRGGBB السداسي العشري. اللون التلقائي هو الرمادي.
أمثلة
الوصف | مثال |
---|---|
ويتم تحديد حجم الخط ولونه للمحور x الثاني (يناير، فبراير، مارس). |
|
يتم تحديد حجم الخط ولونه والمحاذاة للمحور y الأيمن. يتم رسم علامات التجزئة، ولكن بدون خط المحور. |
|
يتضمّن هذا الرسم البياني ثلاث مجموعات بيانات، ويعرض ثلاث مجموعات من تصنيفات المحاور، مجموعة واحدة لكل سلسلة. يتم تنسيق كل مجموعة من التصنيفات باستخدام سلسلة تنسيق مخصّصة، كما هو موضّح في ما يلي:
يتم ضبط نطاقات تصنيف المحور باستخدام المَعلمة |
chd=s: |
أنماط علامات تحديد المحور chxtc
يمكنك تحديد علامات تجزئة طويلة لمحاور محدّدة. وتُستخدم هذه الطريقة عادةً لتوسيع
علامة التجزئة على طول الرسم البياني. استخدِم المَعلمة chxs
لتغيير
لون علامة التجزئة.
ويجب فصل قيم المحاور المتعدّدة
باستخدام رمز الشرطة الرأسية (|
). ويجب فصل القيم ضمن السلسلة
بفاصلة.
البنية
chxtc= <axis_index_1>,<tick_length_1>,...,<tick_length_n> |...| <axis_index_m>,<tick_length_1>,...,<tick_length_n>
- <axis_index>
- المحور الذي ينطبق عليه ذلك. هذا الفهرس يستند إلى صفر في المعلَمة
chxt
. افصل بين القيم لمحاور مختلفة باستخدام محدد شريط. - <tick_length_1>,...,<tick_length_n>
- طول علامات التجزئة على ذلك المحور بالبكسل إذا تم منح قيمة واحدة، سيتم تطبيقها على جميع القيم، وإذا تم منح أكثر من قيمة واحدة، ستتبدل علامات التجزئة على المحور في قائمة القيم الخاصة بذلك المحور. يتم رسم القيم الموجبة خارج مساحة الرسم البياني واقتصاصها بواسطة حدود الرسم البياني. الحد الأقصى للقيمة الموجبة هي 25. يتم رسم القيم السلبية داخل مساحة الرسم البياني واقتصاصها باستخدام حدود مساحة الرسم البياني.
أمثلة
الوصف | مثال |
---|---|
مثال على استخدام
|
|
يوضح هذا الرسم البياني أطوال علامات التجزئة المتبادلة. تحدّد السمة chxtc قيمتَين لطول التجزئة للمحور y (5 و15)، وتتناوب القيمتان المرسومتان على الرسم البياني. |
chxt=x,y |
عمليات التعبئة في الخلفية chf
[كل
الرسوم البيانية]
يمكنك تحديد ألوان التعبئة والأنماط لمساحة بيانات الرسم البياني و/أو
خلفية الرسم البياني بالكامل. تتضمن أنواع التعبئة تعبئة صلبة وتعبئات مخططة وتدرجات.
يمكنك تحديد عمليات تعبئة مختلفة لمناطق مختلفة (على سبيل المثال، منطقة الرسم البياني بالكامل أو منطقة البيانات فقط). تحلّ تعبئة منطقة الرسم البياني محلّ تعبئة الخلفية. يتم تحديد جميع عمليات التعبئة باستخدام المَعلمة chf
، ويمكنك مزج أنواع تعبئة مختلفة (الصلبة والمخططات والتدرجات) في الرسم البياني نفسه عن طريق فصل القيم بحرف الشرطة الرأسية ( | ). تملأ منطقة الرسم البياني استبدال عمليات تعبئة خلفية الرسم البياني.
تعبئة ثابتة chf
[كل
الرسومات البيانية]
يمكنك تحديد تعبئة ثابتة لمنطقة الخلفية و/أو الرسم البياني، أو تحديد
قيمة شفافية للرسم البياني بأكمله. يمكنك تحديد عمليات تعبئة متعددة باستخدام رمز الشرطة الرأسية (|
). (خرائط Google: الخلفية فقط).
البنية
chf=<fill_type>,s,<color>|...
- <fill_type>
- الجزء الذي يتم ملؤها من الرسم البياني. حدِّد إحدى القيم التالية:
bg
- تعبئة الخلفيةc
- ملء منطقة الرسم البياني هذه السمة غير متاحة للرسوم البيانية في الخرائط.a
: جعل الرسم البياني بأكمله (بما في ذلك الخلفيات) شفافًا ويتم تجاهل الأرقام الستة الأولى من<color>
، ويتم تطبيق آخر رقمين فقط (قيمة الشفافية) على الرسم البياني بأكمله وجميع عمليات التعبئة.b<index>
- تعبئة ثابتة شريطية (الرسوم البيانية الشريطية فقط). استبدِل <index> بفهرس سلسلة الأشرطة لتعبئة لون ثابت. يشبه التأثير تحديدchco
في رسم بياني شريطي. للاطّلاع على مثال، راجِع ألوان سلسلة الرسم البياني الشريطي.
- ث
- تشير إلى تعبئة ثابتة أو شفافة.
- <color>
- لون التعبئة بالتنسيق السداسي العشري RRGGBB. بالنسبة إلى الورق الشفاف، يتم تجاهل الأرقام الستة الأولى، ولكن يجب تضمينها على أي حال.
أمثلة
الوصف | مثال |
---|---|
يملأ هذا المثال خلفية الرسم البياني باللون الرمادي الباهت
( |
|
يملأ هذا المثال خلفية الرسم البياني باللون الرمادي الباهت ( |
|
يطبّق هذا المثال شفافية بنسبة 50% على الرسم البياني بالكامل (80 في النظام السداسي العشري تساوي 128، أو 50% تقريبًا من الشفافية). لاحِظ خلفية خلية الجدول تظهر من خلال الرسم البياني. |
|
تعبئة متدرجة chf
[خط، شريط، Google-o-meter، رادار، مبعثر، فين]
يمكنك تطبيق تعبئة تدرج واحدة أو أكثر على المناطق أو الخلفيات في الرسم البياني. تتلاشى التعبئة المتدرجة من لون إلى آخر. (مخططات دائرية ومخططات Google-ometer: الخلفية فقط).
يحدد كل تعبئة تدرج زاوية، ثم يتم ربط لونين أو أكثر بموقع محدد. ويختلف اللون عند انتقاله من علامة ارتساء إلى أخرى. يجب أن يتوفر لديك لونان على الأقل بقيم <color_centerpoint> مختلفة، بحيث يمكن أن يختفي أحدهما الآخر. ويتم تحديد كل تدرج إضافي من خلال زوجَي <color>,<color_centerpoint>.
البنية
chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- <fill_type>
- المنطقة المطلوب ملؤها في الرسم البياني واحد ممّا يلي:
bg
- تعبئة الخلفيةc
- ملء منطقة الرسم البيانيb<index>
- تعبئة متدرجة الشريط (الرسوم البيانية الشريطية فقط) استبدِل <index> بفهرس سلسلة الأشرطة لملئه بأحد التدرجات. للاطّلاع على مثال، راجِع ألوان سلسلة الرسم البياني الشريطي.
- lg
- تحديد تعبئة متدرجة.
- <angle>
- رقم يحدّد زاوية التدرج من 0 (أفقي) إلى 90 (عموديًا).
- <color>
- لون التعبئة بالتنسيق السداسي العشري RRGGBB:
- <color_centerpoint>
- يحدد نقطة الارتساء للون. سيبدأ اللون في التلاشي من هذه النقطة عند اقترابه من علامة ارتساء أخرى. يتراوح نطاق القيمة من 0.0 (الحافة السفلية أو اليسرى) إلى 1.0 (الحافة العلوية أو اليمنى)، ويتم إمالة النطاق بزاوية مقدارها <angle>.
أمثلة
الوصف | مثال |
---|---|
تحتوي منطقة الرسم البياني على تدرج خطي أفقي، ويتم تحديده بزاوية صفر درجة ( الألوان هي الخوخ ( خلفية الرسم البياني مرسومة باللون الرمادي ( |
|
تتضمّن منطقة الرسم البياني تدرجًا خطيًا قطريًا (من أسفل اليسار إلى أعلى اليمين)
ويتم تحديده بزاوية تبلغ خمسة وأربعين درجة ( الخوخ ( الأزرق ( خلفية الرسم البياني مرسومة باللون الرمادي ( |
|
تحتوي منطقة الرسم البياني على تدرج خطي عمودي (من أعلى إلى أسفل)،
ويتم تحديده بزاوية تبلغ 90 درجة ( الأزرق ( الخوخ ( خلفية الرسم البياني مرسومة باللون الرمادي ( |
|
عمليات التعبئة المخطَّطة chf
[خط،
شريط، Google-o-meter، رادار، مبعثر، فين]
يمكنك تحديد تعبئة خلفية مخططة لمنطقة الرسم البياني، أو الرسم البياني بالكامل. (مخططات دائرية ومخططات Google-ometer: الخلفية فقط).
البنية
chf= <fill_type>,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- <fill_type>
- المنطقة المطلوب ملؤها في الرسم البياني واحد ممّا يلي:
bg
- تعبئة الخلفيةc
- ملء منطقة الرسم البيانيb<index>
- تعبئة مخطط شريطي (المخططات الشريطية فقط). استبدِل <index> بفهرس سلسلة الأشرطة لملئه بالشرائط. راجِع ألوان سلسلة الرسم البياني الشريطي للحصول على مثال.
- ls
- يحدد ملء الشريط الخطي.
- <angle>
- زاوية جميع الخطوط بالنسبة إلى المحور الصادي. استخدِم
0
للخطوط العمودية أو90
للخطوط الأفقية. - <color>
- لون هذا الشريط بالتنسيق السداسي العشري RRGGBB. كرِّر استخدام <color> و <width> لكل شريط إضافي. يجب أن يكون لديك شريطان على الأقل. وتتناوب الأشرطة إلى أن يتم ملء الرسم البياني.
- <width>
- عرض هذا الشريط، من
0
إلى1
، حيث تمثّل1
عرض الرسم البياني الكامل. يتم تكرار الخطوط حتى يتم ملء الرسم البياني. كرِّر <color> و <width> لكل شريط إضافي. يجب أن يكون لديك شريطان على الأقل. وتتناوب الأشرطة إلى أن يتم ملء الرسم البياني.
أمثلة
الوصف | مثال |
---|---|
|
chf= |
|
chf= |
ملء الأسطر chm
[خط،
رادار]
يمكنك ملء المنطقة أسفل خط البيانات بلون خالص.
يمكنك دمج عمليات ملء الأسطر مع أي مَعلمات chm
أخرى باستخدام
حرف الشرطة الرأسية ( |
) لفصل مَعلمات chm
.
البنية
chm= <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0> |...| <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
- <b_or_B>
- تحديد ما إذا كنت تريد ملؤها إلى أسفل الرسم البياني أو إلى السطر السفلي التالي فقط.
- B - تعبئة من
<start_line_index>
إلى أسفل الرسم البياني ويتيح<end_line_index>
استخدام بنية خاصة للسماح لك بملء شريحة من الرسم البياني. وهذه الطريقة هي الأسهل إذا كان لديك رسم بياني بسطر واحد تريد ملئه. - b - ملء بين سطرين في مخطط متعدد الأسطر. تتم الإشارة إلى سطري البداية والنهاية من خلال
<start_line_index>
و<end_line_index>
.
- B - تعبئة من
- <color>
- رقم سداسي عشري بتنسيق RRGGBB للون التعبئة.
- <start_line_index>
- فهرس السطر الذي تبدأ عنده عملية التعبئة. تضم سلسلة البيانات الأولى المحدّدة في
chd
فهرسًا بقيمة صفر (0
)، وتحتوي سلسلة البيانات الثانية على فهرس1
، وهكذا. - <end_line_index>
-
- نوع التعبئة 'b' - السطر الذي يتم إيقاف التعبئة عنده. يجب أن يكون هذا الخط أسفل الخط الحالي.
- نوع التعبئة
"ب" - أحد الخيارات التالية:
- any value - يتم تجاهل أي رقم فردي في هذه المعلمة، وستنتقل التعبئة من السطر المحدد إلى قاعدة الرسم البياني
- start:end - لملء شريحة رأسية أسفل الرسم البياني، حدِّد start:end، حيث تمثل هذه فهارس نقاط بيانات تصف مكان بدء التعبئة وإيقافها. كلتا القيمتين اختياريتين، ويتم ضبطهما تلقائيًا على first_point:last_point. (اطّلِع على المثال أدناه.)
- <0>
- قيمة محجوزة - يجب أن تكون صفرًا.
أمثلة
الوصف | مثال |
---|---|
بالنسبة إلى سلسلة واحدة، من الأبسط استخدام هذا هو نوع منطقة التعبئة الوحيد المتاح للمخططات النسيجية. لا تعمل السمة |
|
إليك رسم بياني يحتوي على سطرين وتعبئة. ولملء المنطقة أسفل الخط السفلي وأعلى السطر العلوي، يجب اتّباع أسلوب خاص، سنتناوله في ما يلي. |
|
في رسم بياني متعدّد الأسطر، يجب إدراج سلسلة تحتوي على نسختَين من أعلى
قيمة بيانات لتنسيق البيانات لملئها من أعلى الرسم البياني إلى السطر الأول. على سبيل المثال، " للملء من السطر الأخير إلى أسفل الرسم البياني، أدرِج سلسلة تحتوي على نسختين من أدنى قيمة بيانات لتنسيق البيانات. على سبيل المثال، AAAA للترميز الموسّع، و0.0 للتنسيق الأساسي للنص، وما إلى ذلك. يتم رسم الخطوط نفسها باللون الأسود باستخدام |
chd=e: (أعلى قيمة) (قيمة صفرية)chm= (أزرق فاتح) b,224499,1,2,0| (أزرق) b,FF0000,2,3,0| (أحمر) b,80C65A,3,4,0 (أخضر)chco=000000 |
في ما يلي رسم بياني خطي بشرائح تعبئة رأسية. ويمكن تحقيق ذلك من خلال تحديد زوج start:end لـ <end_line_index> مع نوع تعبئة السطر 'B'.
|
chm= |
يعرض هذا المثال استخدام التعبئة الخطية على مخطط نسيجي. |
chm= |
خطوط الشبكة chg
[خط،
شريط، رادار، مبعثر]
يمكنك تحديد خطوط شبكة مصمتة أو منقَّطة على الرسم البياني باستخدام المَعلمة chg
.
لا تسمح لك هذه المعلمة بتحديد سُمك الخطوط أو لونها. لعرض مزيد من الطرق لإنشاء خطوط على الرسم البياني، يمكنك الاطّلاع على علامات تحديد الأشكال (chm
من النوع h أو H أو v أو V) وعلامات
النطاق (chm
) وعلامات تحديد المحور (chxtc
).
البنية
chg= <x_axis_step_size>,<y_axis_step_size>,<opt_dash_length>,<opt_space_length>,<opt_x_offset>,<opt_y_offset>
- <x_axis_step_size>, <y_axis_step_size>
- تُستخدم لحساب عدد خطوط الشبكة x أو y لعرضها على الرسم البياني. 100 / step_size = عدد خطوط الشبكة على الرسم البياني. وهذا يعني أنّ الرقم 20,25 يعني 5 خطوط شبكة عمودية و4 خطوط أفقية للشبكة.
- <opt_dash_length>، <opt_space_length>
- [اختيارية] تُستخدَم لتحديد خطوط الشبكة المتقطعة. المعلمة الأولى هي طول كل شرطة سطر، بالبكسل. المعلمة الثانية هي التباعد بين الشرطات، بالبكسل. حدِّد 0 للرمز <opt_space_length> لخط ثابت. القيم التلقائية هي 4.1.
- <opt_x_offset>,<opt_y_offset>
- [اختياري] عدد الوحدات، وفقًا لمقياس الرسم البياني، لتعويض خط الشبكتين x وy على التوالي. يمكن أن تكون القيم موجبة أو سالبة. إذا حددت هذه القيمة، عليك أيضًا تحديد جميع القيم السابقة. القيم التلقائية هي 0.0.
أمثلة
الوصف | مثال |
---|---|
لا تستخدم هذه الأمثلة سوى المعلمتَين |
chg=20,50 chg=20,50 |
يستخدم هذا المثال مساحات أكبر لعرض خطوط شبكة
أفتح ( |
|
لعرض خطوط شبكة متّصلة، حدِّد صفرًا ( يحدد هذا الرسم البياني أيضًا إزاحة المحور س بقيمة 10. |
chg=20,50,1,0,10 |
يوضِّح هذا الرسم البياني إزاحة المحور س بقيمة 10، وإزاحة المحور ص رقم 20. |
chg=20,50,3,3,10,20 |
علامات الرموز الديناميكية chem
[شريطي، خط،
رادار، مبعثر]
أنشئ المخطط، وحدِّد رمزًا ديناميكيًا واحدًا أو أكثر كقيم chem. وتكون بنية chem
على النحو التالي. جميع العناصر المفصولة بفواصل منقوطة باللون البنفسجي اختيارية، ويمكن حذف أي عنصر منها بالكامل في عنوان URL. يمكنك تضمين عدّة علامات من خلال تضمين سلاسل بنية متعددة مفصولة بحرف |. يمكنك
الاطّلاع على المزيد من المعلومات حول الرموز الديناميكية في صفحة
الرموز الديناميكية.
يمكنك أيضًا تضمين مخطط داخل مخطط آخر كرمز ديناميكي. ويمكنك الاطّلاع على القسم الفرعي الرسوم البيانية المضمّنة أدناه.
chem= y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
|...| y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
- s=<icon_string_constant>
- ثابت علامة سلسلة لرمز ديناميكي، من صفحة الرموز الديناميكية يتطابق هذا الثابت تقريبًا مع معلَمة
chst
للرموز المستقلة. ولكن عندما تبدأ سلسلة الرمز المستقل بـ "d_"، عليك إزالة تلك البادئة للحصول على علامة الرمز الديناميكي المكافئ. مثال: رمز قائمة بذاته:d_bubble_icon_text_small
، وعلامة الرمز الديناميكي المكافئ:bubble_icon_text_small
. - d=<marker_data_string>
- البيانات المطلوبة لهذا النوع المحدّد من العلامات تتضمّن هذه السمة السلسلة نفسها التي سيتم استخدامها في مَعلمة
chld
لرمز مكافئ مستقلّ، باستثناء أنّ جميع المحدِّدات يجب استبدالها بفواصل (تذكّر استخدام الفواصل بدلاً من علامات الشرطة الرأسية للنصوص المتعدّدة الأسطر). يُرجى العِلم أنّه يجب أيضًا إلغاء الأحرف التالية باستخدام علامة @ ضمن سلسلة البيانات: الشرطة الرأسية ( | ) أو عند ( @ ) أو يساوي ( = ) والفاصلة ( , ) والفاصلة المنقوطة ( ; ). أمثلة:hello@,+world
و5@@10+cents+each
- ds=<which_series>
- [اختياري] الفهرس القائم على الصفر لسلسلة البيانات التي تنتمي إليها هذه العلامة. القيمة التلقائية هي 0.
- dp=<which_points>
- [اختياري] تحدِّد هذه السياسة نقاط البيانات المستخدمة لرسم العلامات. القيمة التلقائية
هي 0 (النقطة الأولى في السلسلة). استخدِم أحد التنسيقات التالية:
n.d
- نقطة البيانات التي يجب رسم العلامة عليها، حيث يشير n.d إلى الفهرس الصفري في السلسلة. إذا حددت قيمة لا تمثل عددًا صحيحًا، يشير الكسر إلى نقطة متوسطة محسوبة. على سبيل المثال، تعني 3.5 منتصف المسافة بين النقطة 3 والنقطة 4.range,<start>,<end>,<step>
- يمكنك وضع علامة على كل نقطة بيانات خطوة في نطاق من البداية إلى النهاية، . البداية والنهاية هما قيمتا فهرس، ويمكن أن تكونا أرقام نقاط عائمة للإشارة إلى القيم المتوسطة. جميع القيم اختيارية؛ القيم التلقائية هي: start=0، وend=last item، وstep=1. إذا تخطّيت قيمة، عليك تضمين أي فواصل متوسطة، ولكن لن تحتاج إلى تضمين فواصل لاحقة فارغة. أمثلة: يتم رسم علامةdp=range,0,4
على العناصر من 0 إلى 4، ويتم رسم علامة على العناصر من خلالdp=range,5,10,2
، على أن يتم رسم علامة على العناصر 5 و7 و9، والنقطةdp=range,2
التي ترسم نقاطًا على النقطة الثالثة والنقاط اللاحقة، بينما يرسمdp=range,3,,1.5
علامات على كل 1.5 نقطة بيانات من العنصر الرابع إلى الأخير.all
- رسم علامة على كل عنصر ويعادل ذلكrange,0,end_index
. مثلاً:dp=all
every,n
- يجب رسم علامة على كل علامة ن. مثال: ترسم السمةdp=every,2
علامة على العناصر 0 و2 و4.
- py=<z_order>
- [اختيارية] الطبقة التي يجب رسم العلامة عليها مقارنةً بالعلامات الأخرى وجميع عناصر الرسم البياني الأخرى يمثّل هذا الرقم رقم النقطة العائمة من -1.0 إلى 1.0، شاملاً الرقم -1.0 يمثل في الأسفل و1.0 في الأعلى. تكون عناصر الرسم البياني (الأسطر والأشرطة) أقل من الصفر بقليل. في حال وجود علامتَين لهما القيمة نفسها، يتم رسمهما بالترتيب المحدّد في عنوان URL. القيمة التلقائية هي 0.0 (أعلى عناصر الرسم البياني مباشرةً).
- po=<x,y>
- [اختياري] تمثّل هذه السمة موضعًا مطلقًا على الرسم البياني يمكن رسم العلامة عنده، حيث يمثّل الرقمان x وy رقما نقطة عائمة، حيث يمثّل الرقم 0.0,0.0 أسفل اليمين ويمثّل الرقم 1.0,1.0 أعلى يسار الصفحة.
- of=<x_offset,y_offset>
- [اختياري] عدد وحدات البكسل المطلوب إزاحة الرمز من موضعه العادي. x_offset وy_offset عبارة عن
عدد صحيح موجبة أو سالبة. من المهم تحديد هذه القيمة في رمز ديناميكي مضمّن، لأنّ العلامة سيتم توسيطها عموديًا وأفقيًا فوق النقطة، ما يعني أنّ النقطة لن تتماشى على الأرجح مع علامة البيانات. تمثّل إزاحة جيدة للدبوس المستقيم
of=0,22
. قيمة الإزاحة الجيدة للدبوس المائل هيof=-12,20
أوof=12,20
بناءً على اتجاه الميل، ولكن قد يكون عليك تجربة ذلك. القيمة التلقائية هي 0,0.
أمثلة
الوصف | مثال |
---|---|
في ما يلي أمثلة على الرمز الديناميكي نفسه الذي تم إنشاؤه كصورة مستقلة ويُستخدم كعلامة في رسم بياني خطي.
الرسم البياني 1: الرسم البياني 2: |
|
يُرجى العِلم أنّ علامة الرمز الديناميكي ستظهر في وسط النقطة أفقيًا وعموديًا. وبالتالي، إذا استخدمت رمزًا ديناميكيًا يتميز بذيل، لن يظهر الذيل على نقطة الرسم البياني، بل يظهر في وسط العلامة. يحدّد الرسم البياني الأول العلامة في نقطة البيانات 3، ما يضع الذيل في يسار العلامة على الخط قليلاً. يستخدم الرسم البياني الثاني القيمة |
chem=y;
chem=y; |
لتضمين رموز ديناميكية متعددة، كرِّر سلسلة البنية المفصولة بحرف |. يوضح هذا المثال نطاقًا، بالإضافة إلى علامتين فرديتين. لاحِظ كيف إزاحة الدبابيس العمودية بمقدار 0,22، وهناك إزاحة بمقدار 12,20 للدبابيس المائلة كي تتماشى نقاط الدبوس مع السلسلة التي تصفها. |
chem= |
يوضح هذا علامة نص متعدد الأسطر. يجب إزاحة العلامة بعد إضافة النص، لأنّ حجم الفقاعة التفسيرية يتغيّر لتناسب النص، ما يؤدي إلى إعادة توسيطه على الرسم البياني. لاحِظ كيف تتم الإشارة إلى الأسطر الجديدة في النص باستخدام الفواصل في سلسلة بيانات d . |
chem=y; |
الرسوم البيانية المضمّنة
يمكنك تضمين مخطط داخل مخطط آخر باستخدام بنية الرمز الديناميكي.
يتوفر نمطان من علامات الرسم البياني المضمّنة: الرسوم البيانية المضمّنة في فقاعة، والرسوم البيانية المضمّنة بدون فقاعة. فيما يلي أمثلة على كليهما:
رسم بياني مع فقاعة |
رسم بياني بدون فقاعة تفسيرية |
وفي ما يلي تفاصيل معلَمات s=<icon_string_constant>;d=<marker_data_string>
، لكل من الرسوم البيانية غير الفقاعية والرسومات البيانية المضمّنة (لم يتم وصف المعلَمات التي تم تناولها أعلاه مرة أخرى هنا):
البنية
Non-bubble: chem=y;s=ec;d=<alignment_string>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset> Bubble: chem=y;s=ecb;d=<frame_type>,<padding>,<frame_color>,<fill_color>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>
- alignment_string
- [غير الفقاعة فقط] أي جزء من الرسم البياني المضمَّن الذي لا يحتوي على فقاعات يتم تثبيته في نقطة البيانات. اختَر أحد ثوابت السلسلة المكوّنة من حرفَين في المخطّط البياني التالي:
- chart_data
- بيانات الرسم البياني المضمّن يعرض هذا العمود كل القيم بعد
https://chart.googleapis.com/chart?
في عنوان URL الخاص بالرسم البياني المطلوب تضمينه. استخدِم الأداة أدناه أو اتّبِع القواعد المدرَجة أسفل الأداة. - frame_type
- [فقاعة تفسيرية فقط] يشير ذلك إلى أحد ثوابت نمط الإطار للرمز الديناميكي.
- المساحة المتروكة
- [الفقاعة فقط] المساحة المتروكة داخل الفقاعة التفسيرية بالبكسل
- frame_color
- [الفقاعة فقط] لون الإطار، كسلسلة لون HTML مكونة من ستة أرقام بدون العلامة # مثال:
FF00FF
- fill_color
- [الفقاعة فقط] لون تعبئة الفقاعة التفسيرية، كسلسلة لون HTML مكونة من ستة أرقام بدون علامة # مثال:
FF00FF
بيانات الرسم البياني المضمّنة
استخدِم أداة الإحالات الناجحة التالية للمساعدة في إنشاء سلسلة الرسم البياني، أو أنشئ سلسلة الرسم البياني يدويًا باتّباع القواعد المحدّدة بعد الأداة.
قواعد التحويل اليدوي
1- استبدِل أولاً جميع الأحرف التالية في أزواج المَعلمة والقيمة بالقيم التالية بالترتيب الموضّح:
استبدال | مع هذا |
---|---|
%7C أو %7c |
| |
@ |
@@ |
% |
%25 |
, |
@, |
| |
@| |
; |
@; |
و |
%26 |
= |
%3D |
2. بعد ذلك، استبدِل كل قيم &
و=
في زوجَي parameter1=value1¶meter2=value2...
بفواصل.
علامات الأشكال chm
[بار، خط،
رادار، مبعثر]
يمكنك تحديد علامات رسومية لكل نقاط البيانات أو نقاط البيانات الفردية على رسم بياني. إذا كانت هناك علامتان أو أكثر تشغل النقطة نفسها، يتم رسم العلامات بالترتيب الذي تظهر به في المعلَمة chm
.
يمكنك أيضًا إنشاء علامات نصية على نقاط البيانات، وهي موضّحة في علامات نقاط البيانات.
يمكنك دمج علامات الأشكال مع أي معلَمات chm
أخرى باستخدام رمز الشرطة الرأسية ( |
)
لفصل معلَمات chm
.
البنية
حدِّد مجموعة واحدة من المَعلمات التالية لكل سلسلة يجب وضع علامة عليها. لوضع علامة على سلاسل متعدّدة، عليك إنشاء مجموعات معلَمات إضافية يتم الفصل بينها بحرف شُرط رأسي. ولا تحتاج إلى ترميز كل السلاسل. إذا لم تحدّد علامات لسلسلة بيانات، لن تحصل على أي علامات.
يختلف سلوك علامات الأشكال قليلاً في الرسوم البيانية المبعثرة. ويمكنك الاطّلاع على تلك المستندات للحصول على مزيد من المعلومات.
chm= [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset> |...| [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
- @
- [اختيارية] إذا سبق لك نوع العلامة بالحرف @ الاختياري، يجب أن تستخدم العلامة <opt_which_points> التنسيق x:y.
- <marker_type>
- نوع العلامة المطلوب استخدامها. حدِّد أحد الأنواع التالية:
a
- السهمc
- متقاطعC
- مستطيل إذا كانت علامة مستطيل، يجب أن يكون لديك سلسلتا بيانات على الأقل، حيث تحدد السلسلة 0 الحافة السفلية والسلسلة 1 الحافة العلوية. <size> تحدّد عرض المستطيل بالبكسل.d
- المستوى الماسيE
- علامة شريط الخطأ ( ) تتطلب هذه العلامة إنشاء سلسلتي بيانات، إحداهما قيمة للجزء السفلي، والنقطة المقابلة في السلسلة الثانية في الأعلى. ويعرض أيضًا بنية <size> موسّعة: line_thickness[:top_and_bottom_width] حيث تكون top_and_bottom_width اختيارية. شاهد الأمثلة أدناه.h
- خط أفقي في الرسم البياني بارتفاع محدد (التنسيق الوحيد الصالح لمعلَمة <opt_which_points> هو n.d.)H
- خط أفقي خلال علامة البيانات المحددة. ويتوافق هذا مع بنية <size> موسّعة تسمح لك بتحديد طول سطر دقيق: line_thickness[:length] حيث يكون :length اختياريًا، ويتم ضبطه تلقائيًا على العرض الكامل لمساحة الرسم البياني.o
- دائرةs
- مربّعv
- خط عمودي من المحور "س" إلى نقطة البياناتV
- خط عمودي بطول يمكن تعديله. ويتوافق هذا مع بنية قيمة <size> موسّعة تسمح لك بتحديد طول سطر دقيق: line_thickness[:length] حيث يكون :length اختياريًا، ويتم ضبطه تلقائيًا على الارتفاع الكامل لمساحة الرسم البياني. تظهر العلامة في وسط نقطة البيانات.x
- حرف X
- <color>
- لون علامات هذه السلسلة بالتنسيق السداسي العشري RRGGBB.
- <series_index>
- الفهرس القائم على صفر لسلسلة البيانات التي سيتم رسم العلامات عليها. يتم تجاهل السياسة
بالنسبة إلى علامات
h
وعلاماتها التي تحدد الموقع الجغرافي حسب الموضع x/y (يبدأ بالحرف @). يمكنك استخدام سلسلة البيانات المخفية كمصدر للعلامات. اطّلع على المخططات المُركّبة لمزيد من المعلومات. تتوافق الرسوم البيانية الشريطية العمودية المجمّعة مع بنية موسّعة خاصة لمحاذاة العلامات مع أشرطة معيّنة. - <opt_which_points>
- [اختياري] النقاط التي يجب رسم العلامات عليها. القيمة التلقائية هي
كل العلامات. استخدِم إحدى القيم التالية:
n.d
- مكان رسم العلامة ويعتمد المعنى على نوع العلامة:- جميع الأنواع باستثناء h - نقطة البيانات التي يجب رسم العلامة عليها، حيث يكون n.d هو الفهرس صفر في السلسلة. إذا حددت قيمة لا تمثل عددًا صحيحًا، يشير الكسر إلى نقطة متوسطة محسوبة. على سبيل المثال، تعني 3.5 منتصف الطريق بين النقطة 3 والنقطة 4.
h
- رقم من 0.0 إلى 1.0، حيث يمثّل الرقم 0.0 أسفل الرسم البياني و1.0 في أعلى الرسم البياني.
-1
- رسم محدِّد موقع على جميع نقاط البيانات يمكنك أيضًا ترك هذه المَعلمة فارغة للاعتماد على جميع نقاط البيانات.-n
- يتم رسم علامة على كل نقطة بيانات n. قيمة النقاط العائمة: إذا كانت n أقل من 1، سيحسب الرسم البياني نقاطًا وسيطة إضافية نيابةً عنك. على سبيل المثال، ستضع القيمة -0.5 ضعف عدد العلامات التي تتضمّن نقاط البيانات.start:end:n
- يمكنك وضع علامة على كل نقطة بيانات n في النطاق بدءًا من قيم فهرس البداية إلى النهاية، ويشمل ذلك. جميع المعلَمات اختيارية (قد تكون غير موجودة)، وبالتالي سيتم ضبط 3::1 من العنصر الرابع إلى آخر خطوة 1، وسيتم تلقائيًا ضبط first:last:1 في حال حذف هذه المعلَمة. يمكن أن تكون جميع القيم أرقام نقاط عائمة. ويمكن أن تكون start وend سالبة، ليتم احتسابها مرة أخرى من القيمة الأخيرة. إذا كانت قيمة كل من الحقلين start وend سالبتين، تأكَّد من إدراجهما بقيمة متزايدة (على سبيل المثال، -6:-1:1). إذا كانت قيمة الخطوة n أقل من 1، سيتم احتساب نقاط البيانات الإضافية من خلال دمج قيم البيانات المقدّمة. القيم التلقائية هي first:last:1x:y
- رسم علامة عند نقطة س/ص محددة على الرسم البياني. لا ينبغي أن تكون هذه النقطة على خط. أضِف الحرف @ قبل نوع العلامة لاستخدام هذا الخيار. يمكنك تحديد الإحداثيات كقيم نقطة عائمة، حيث تمثّل0:0
أسفل يمين الرسم البياني و1:1
في أعلى يسار الرسم البياني. على سبيل المثال، لإضافة ماسة حمراء بحجم 15 بكسل إلى وسط رسم بياني، استخدِم@d,FF0000,0,0.5:0.5,15
.
- <size>
- حجم العلامة بالبكسل. تأخذ معظم العلامات قيمة رقم واحدة لهذه المَعلمة، تتوافق العلامات V وH وS مع البنية <size>[:width] حيث يحدّد الجزء الثاني الاختياري طول الخط أو العلامة.
- <opt_z_order>
- [اختيارية] الطبقة التي يجب رسم العلامة عليها مقارنةً بالعلامات الأخرى وجميع عناصر الرسم البياني الأخرى ويكون رقم النقطة العائمة من -1.0 إلى 1.0، شاملاً الرقم -1.0 يمثل في الأسفل و1.0 في الأعلى. عناصر الرسم البياني (الأسطر والأشرطة) أقل من صفر فقط. إذا كانت هناك علامتان لهما القيمة نفسها، يتم رسمهما بالترتيب المحدد في عنوان URL. القيمة التلقائية هي 0.0 (أعلى عناصر الرسم البياني مباشرةً).
- <opt_offset>
- [اختيارية] تتيح لك تحديد إزاحة أفقية ورأسية من الموقع الجغرافي المحدّد. إليك بناء الجملة، الذي يستخدم محدد :
reserved:<horizontal_offset>:<vertical_offset>
. يمكنك تضمين قيمة فارغة (,) في سلسلة المَعلمةchm
لـ <opt_z_order>. أمثلة:o,FF9900,0,4,12,,:10 o,FF9900,0,4,12.0,,:-10:20 o,FF9900,0,4,12,1,::20
- serve - اترك هذا الحقل فارغًا.
<horizontal_offset>
- رقم موجب أو سالب يحدّد الإزاحة الأفقية بالبكسل. اختياري، اتركه فارغًا في حال عدم استخدامه.<vertical_offset>
- رقم موجب أو سالب يحدّد الإزاحة العمودية بالبكسل. اختياري، اتركه فارغًا في حال عدم استخدامه.
أمثلة
الوصف | مثال |
---|---|
في ما يلي مثال على العديد من علامات الأشكال والخطوط.
|
chm= |
في ما يلي مثال على استخدام الماس لسلسلة بيانات واحدة، والدوائر لسلسلة البيانات الأخرى. إذا كانت علامتان أو أكثر تشغل النقطة نفسها، يتم رسم العلامات بالترتيب الذي تظهر به في المعلمة |
chm= |
في ما يلي رسم بياني خطي مع محدِّد على كل نقطة بيانات ثانية (يشير الرقم 2 إلى كل نقطة أخرى). |
chd=t: |
في ما يلي رسم بياني خطي يتضمّن ضعف عدد العلامات الذي يتضمّنه نقاط البيانات (وتشير القيمة 0.5 إلى كل نصف نقطة). | chd=t: |
يوضّح هذا المثال كيفية استخدام العلامتين h وv لإنشاء خطوط شبكة باستخدام ألوان وسمك مخصّصَين. يتم ضبط قيمة الترتيب z (القيمة الأخيرة) على -1 بحيث يتم رسم خطوط الشبكة أسفل خط البيانات. |
chm= |
يضيف هذا المخطط خطوط تعبئة رأسية إلى مخطط خطي:
|
chm= |
يضيف هذا المثال سهمًا وعلامة نص إلى الرسم البياني باستخدام الإحداثيات الدقيقة. علامة D الأولى هي خط التتبع أسفل الأشرطة. العلامة الثانية هي السهم والعلامة الثالثة هي نص السهم. | chm= |
يمكن أن يكون الخط الأفقي الثابت على نقطة بيانات محدّدة (H )
مفيدًا لعرض القيم النسبية أو التأكيد على ارتفاع
قيمة البيانات في رسم بياني. |
chm=H,FF0000,0,18,1 |
يوضِّح هذا الرسم البياني العلامات التي يمكنها تحديد سمك الخط وطوله في معلَمة <size>.
|
title="cht=lc&chd=s:2gounjqLaCf,jqLaCf2goun&chco=008000,00008033&chls=2.0,4.0,1.0&chs=250x150&chm=H,990066,1,2:CC,300%chm=
|
علامات النص والبيانات chm
[بار، خط، رادار، مبعثر]
يمكنك في هذه المرحلة تصنيف نقاط محددة على الرسم البياني باستخدام نص مخصّص أو بنُسخ منسّقة من البيانات.
يمكنك دمج أي علامات chm
باستخدام رمز الشرطة الرأسية ( |
) لفصل مجموعات معلَمات chm
.
ملاحظة بشأن قيم السلسلة: يُسمح فقط باستخدام الأحرف الآمنة من عنوان URL في سلاسل التصنيفات. ولضمان الأمان، عليك ترميز عنوان URL لأي سلاسل تحتوي على أحرف غير متوفّرة في مجموعة الأحرف 0-9a-zA-Z
.
يمكنك العثور على برنامج ترميز لعناوين URL في مستندات العروض المرئية من Google.
البنية
حدِّد مجموعة واحدة من المعلَمات التالية لكل سلسلة يجب وضع علامة عليها. لوضع علامة على سلاسل متعددة، أنشِئ مجموعات معلَمات إضافية، مع الفصل بينها بشَرطة رأسية. لا تحتاج إلى ترميز كل السلاسل. إذا لم تحدّد علامات لسلسلة بيانات، لن تحصل على أي علامات.
chm= <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement> |...| <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
- <marker_type>
- نوع العلامة المطلوب استخدامها. يمكنك الاختيار من بين الأنواع التالية:
f<text>
- علامة تشتمل على نص حدِّد الحرف "f"، متبوعًا بنص مخصَّص مُرمَّز في عنوان URL. لتجنّب الفواصل في علامات النص، ضَع علامة \ قبل الفاصلة. مثلاً:fHello\,+World!
t<text>
- علامة نص بسيطة حدِّد الحرف "t" متبوعًا بنص مخصَّص مُرمَّز في عنوان URL. لتجنّب الفواصل في علامات النص، ضَع علامة \ قبل الفاصلة. مثلاً:tHello\,+World!
A<text>
- علامة التعليق التوضيحي وهي تشبه محدّدات العلامة، لكنّ العلامات تحدّد موضعها بشكل كي لا تتداخل. التنسيق الوحيد الصالح لـ <opt_which_points> هو n.d، للإشارة إلى فهرس نقطة في السلسلة.N<formatting_string>
- قيمة البيانات في هذه المرحلة، بتنسيق اختياري. إذا كنت لا تستخدم مَعلمةchds
(تحجيم مخصّص)، فإنها تقدّم القيمة المرمّزة بالضبط. أما إذا كنت تستخدم تلك المَعلمة مع أي نوع تنسيق، فسيتم ضبط القيمة إلى النطاق الذي تحدّده. اطّلِع على مثالchds
مع علامات رقمية أدناه. باستخدام نوع العلامة هذا في رسم بياني شريطي مكدّس، إذا حدّدت -1 للرمز <series_index>، ستحصل على علامة تعرض مجموع كل القيم في هذا الشريط المكدّس. تكون بنية سلسلة التنسيق على النحو التالي:
<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
.
كل هذه العناصر اختيارية. وفي ما يلي معنى كل عنصر:<preceding_text>
- نص مسبوق لكل قيمة.*...*
: هو جزء اختياري تحيط به علامات نجمية حرفية، حيث يمكنك تحديد تفاصيل تنسيق الأرقام. القيم التالية متوافقة، وجميعها اختيارية:<number_type>
- تنسيق الأرقام، للقيم الرقمية حدِّد أحد الخيارات التالية:f
- [تلقائي] تنسيق النقاط العائمة ننصحك أيضًا بتحديد الدقة باستخدام القيمة <decimal_places>.p
- تنسيق النسبة المئوية يتم إلحاق علامة % تلقائيًا. ملاحظة: عند استخدام هذا التنسيق، يتم ربط قيم البيانات من 0.0 — 1.0 إلى 0 — 100% (على سبيل المثال، سيتم عرض 0.43 على هذا النحو بنسبة 43%).e
- تنسيق الترميز العلميc<CUR>
- تنسيق الرقم بالعملة المحددة، باستخدام محدد العملة المناسب. استبدِل<CUR>
برمز عملة مكوّن من ثلاثة أحرف. مثال:cEUR
لليورو. يمكنك العثور على قائمة بالرموز على موقع ISO على الويب، ولكن ليست كل الرموز متوافقة.
<decimal_places>
- عدد صحيح يحدد عدد المنازل العشرية المراد عرضه. ويتم تقريب القيمة (بدون اقتطاع) إلى هذا الطول. القيمة التلقائية هي 2.z
- عرض الأصفار اللاحقة القيمة التلقائية هي لا.s
- عرض فواصل المجموعات القيمة التلقائية هي "لا".x
أوy
-عرض البيانات من الإحداثي -x أو y، على النحو المحدّد. يختلف معنى بيانات x حسب نوع الرسم البياني، لذا ننصحك بإجراء التجربة على الرسم البياني لتحديد معناه. القيمة التلقائية هي 'y'.
<following_text>
- اكتب نصًا لمتابعة كل قيمة.
- <color>
- لون علامات هذه المجموعة بالتنسيق السداسي العشري RRGGBB.
- <series_index>
- الفهرس القائم على صفر لسلسلة البيانات التي سيتم رسم العلامات عليها. إذا كان هذا رسمًا بيانيًا شريطيًا مكدّسًا ونوع العلامة هو N (قيم نقاط البيانات)، يمكنك تحديد -1 لإنشاء علامة قيمة مجمّعة لكل حزمة من الأشرطة. راجِع القسم أدناه للاطّلاع على مثال.
- <opt_which_points>
- [اختياري] النقاط التي يجب رسم العلامات عليها. القيمة التلقائية هي كل العلامات. استخدِم
إحدى القيم التالية:
n.d
- نقطة البيانات التي يجب رسم العلامة عليها، حيث يشير n.d إلى الفهرس الصفري في السلسلة. إذا حددت قيمة لا تمثل عددًا صحيحًا، يشير الكسر إلى نقطة متوسطة محسوبة. على سبيل المثال، تعني 3.5 منتصف الطريق بين النقطة 3 والنقطة 4.-1
- رسم محدِّد موقع على جميع نقاط البيانات يمكنك أيضًا ترك هذه المَعلمة فارغة للاعتماد على جميع نقاط البيانات.-n
- يتم رسم علامة على كل نقطة بيانات n.start:end:n
- يمكنك وضع علامة على كل نقطة بيانات n في النطاق، بدءًا من قيم فهرس n إلى n، بما في ذلك. جميع المَعلمات اختيارية (قد تكون غير موجودة)، وبالتالي ستظهر 3::1 من العنصر الرابع إلى آخر خطوة 1، وسيتم تلقائيًا حذف هذه المَعلمة على first:last:1. يمكن أن تكون جميع القيم أرقام نقاط عائمة. ويمكن أن تكون start وend سالبة، ليتم احتسابها مرة أخرى من القيمة الأخيرة. إذا كانت قيمة كل من الحقلين start وend سالبتين، تأكَّد من إدراجهما بقيمة متزايدة (على سبيل المثال، -6:-1:1). إذا كانت قيمة الخطوة n أقل من 1، ستحسب نقاط البيانات الإضافية من خلال إدخال قيم البيانات المقدّمة. القيم التلقائية هي first:last:1x:y
- [غير متاح لعلامات النوع N] يمكنك رسم علامة عند نقطة س/ص معيّنة على الرسم البياني. ولا يشترط أن تكون هذه النقطة على خط. أضِف الحرف at (@
) قبل نوع العلامة لاستخدام هذا الخيار. يمكنك تحديد الإحداثيات كقيم نقاط عائمة، حيث تمثّل0:0
أسفل يمين الرسم البياني و0.5:0.5
في وسط الرسم البياني و1:1
في أعلى يسار الرسم البياني. على سبيل المثال، لإضافة ماسة حمراء بحجم 15 بكسل إلى وسط رسم بياني، استخدِم@d,FF0000,0,0.5:0.5,15
.
- <size>
- حجم العلامة بالبكسل. إذا كان هذا رسمًا بيانيًا بالنقاط المبعثرة يتضمّن سلسلة بيانات ثالثة (تُستخدم لتحديد أحجام النقاط)، سيتم ضبط هذه القيمة حسب نطاق البيانات. مثلاً، إذا كان نطاق البيانات بين 0 و100 وكان <size> هو 30، ستكون قيمة البيانات 100 بعرض 30 بكسل، وقيمة البيانات 50 هي بعرض 15 بكسل، وهكذا.
- <opt_z_order>
- [اختيارية] الطبقة التي يجب رسم العلامة عليها مقارنةً بالعلامات الأخرى وجميع عناصر الرسم البياني الأخرى ويكون رقم النقطة العائمة من -1.0 إلى 1.0، شاملاً الرقم -1.0 يمثل في الأسفل و1.0 في الأعلى. وتكون عناصر الرسم البياني (الأسطر والأشرطة) أقل من الصفر. في حال وجود علامتَين لهما القيمة نفسها، يتم رسمهما بالترتيب المحدّد في عنوان URL. القيمة التلقائية هي 0.0 (أعلى عناصر الرسم البياني مباشرةً).
- <opt_placement>
- [اختيارية] تشير هذه السمة إلى تفاصيل إضافية عن موضع الإعلان توضّح مكان وضع هذا
محدّد الموقع في ما يتعلق بنقطة البيانات. ويمكنك تحديد موضع نسبي أفقي و/أو رأسي، وكذلك الإزاحة. بنية موضع الإعلان هي سلسلة تحتوي على محددات كما هو موضح هنا. جميع العناصر اختيارية:
<horizontal_and_vertical_justification>:<horizontal_offset>:<vertical_offset>
. يمكنك تضمين قيمة فارغة (,) في سلسلة المَعلمةchm
لـ <opt_z_order>. أمثلة:N,000000,0,1,10,,b
وN,000000,0,1,10,,lv
وN,000000,0,1,10,,r::10
.- horizontal_and_vertical_justification
- نقطة ارتساء العلامة ويعمل ذلك بشكل عكسي، أي أنّ علامة الارتساء اليسرى تضع العلامة على يمين نقطة البيانات. يمكنك اختيار ضبط أفقي و/أو عمودي من القائمة التالية:
- الموضع الأفقي: 'l' أو 'h' أو 'r' - لليسار أو الوسط أو اليمين، أفقيًا القيمة التلقائية هي 'l'.
- الموضع العمودي: 'b' أو 'v' أو 't' - أسفل أو متوسط أو أعلى موضع ثابت عمودي. القيمة التلقائية هي 'b'.
- موضع الشريط النسبي [الرسوم البيانية الشريطية فقط]: 's' أو "c" أو "e" - القاعدة أو الوسط أو الأعلى. وبالنسبة إلى الرسوم البيانية المكدّسة، يرتبط هذا الأمر بقسم الشريط لكل سلسلة، وليس بالشريط بأكمله. إذا كان فهرس السلسلة المقدَّم -1 (إجمالي تسلسل استدعاء الدوال البرمجية)، سيكون مرتبطًا بالشريط بأكمله. يمكن الجمع بين هذه القيم مع قيم مواضع الإعلانات في الوضع العمودي، مثل "be" أو "vs". القيمة التلقائية هي "e".
- horizontal_offset
- إزاحة أفقية لهذه العلامة بالبكسل القيمة التلقائية هي 0.
- vertical_offset
- إزاحة عمودية لهذه العلامة بالبكسل القيمة التلقائية للرسم البياني غير الشريطي: 15، والقيم التلقائية للرسم البياني الشريطي: 2.
الوصف | مثال | |
---|---|---|
في ما يلي مثال على تصنيفات القيم في مخطط شريطي. يحدّد الرسم البياني الأول ( يعرض الرسم البياني الثاني ( |
|
|
يمكنك استخدام مَعلمة يعرض هذا المثال رسمًا بيانيًا يتضمّن قيمًا بترميز بسيط، وهي 46 و39 و29 و30 و43 و41. ويتراوح نطاق الترميز البسيط بين 0 و61
. تحدّد المعلَمة |
chd=s:underp |
|
في ما يلي مثال على رسم بياني يتضمّن تصنيفًا نصيًا عند الحدّ الأدنى للنقطة وتصنيفًا عند الحدّ الأقصى. |
|
|
يعرض هذا المثال رسمًا بيانيًا مكدّسًا يحتوي على قيم لسلسلة فردية، بالإضافة إلى إجمالي السلسلة. لعرض قيم السلسلة المكدسة، يجب استخدام خيار تحديد الموضع "c". وإذا لم يظهر ذلك، ستتداخل قيمة الشريط العلوي مع قيمة المجموع في أعلى كل شريط. | chm= |
|
بعض التوضيحات حول كيفية عمل الوضع العمودي والأفقي. يوضّح هذا المثال مجموعات مختلفة من قيم الارتساء للمخططات الشريطية (التي تستخدم s وc وe للموضع العمودي). ننصحك بتحريك علامة الارتساء اليمنى إلى يسار العلامة، بينما يؤدي ارتساء الجزء العلوي إلى تحريكها للأسفل، والعكس صحيح. تعرض النقاط الحمراء قاعدة كل شريط ووسطه وأعلىه. ويكون الرقم هو قيمة البيانات، ويتم تثبيتها باستخدام قيم ارتساء مختلفة لكل شريط. | chm= |
|
تضبط علامات التعليقات التوضيحية موضع التصنيف تلقائيًا كي لا تتداخل. قيمة chm الأولى مخصّصة لملء السطر، والقيم التالية هي كلها علامات للتعليقات التوضيحية. |
chm=B,C5D4B5BB,0,0,0 |
|
مثال آخر على علامة تعليقات توضيحية توضح ارتفاعات المدن في سويسرا |
علامات النطاق chm
[بار،
شمعدان، خط،
رادار، مبعثر]
يمكنك تلوين نطاقات أفقية أو رأسية لملء الخلفية لتمييز مناطق معيّنة من الرسم البياني.
يمكنك دمج أي علامات chm
باستخدام رمز الشرطة الرأسية ( |
) لفصل مجموعات معلَمات chm
.
البنية
حدِّد مجموعة واحدة من المعلَمات التالية لكل سوار لرسمه. ولرسم نطاقات متعدّدة، عليك إنشاء مجموعات معلَمات إضافية، ويفصل بينها شرطة رأسية. يتم رسم النطاقات بالترتيب المحدد، بحيث يتم رسم آخر نطاق مرسوم أعلى النطاقات السابقة.
chm= <direction>,<color>,0,<start_point>,<end_point> |...| <direction>,<color>,0,<start_point>,<end_point>
- <direction>
- يحدد هذا الإعداد تظليلًا أفقيًا أو عموديًا. استخدِم
r
لنطاق أفقي وR
لنطاق عمودي. - <color>
- لون النطاق كرقم سداسي عشري بتنسيق RRGGBB.
- 0
- قيمة محجوزة - يجب أن تكون صفرًا.
- <start_point>
- موضع بداية النطاق.
- بالنسبة إلى علامات النطاق الأفقية، يكون هذا الموضع على المحور الصادي حيث يمثّل
0.00
أسفل الرسم البياني و1.00
في أعلى الرسم البياني. - بالنسبة إلى علامات النطاق الرأسية، يكون هذا الموضع على المحور س، حيث يمثّل
0.00
يسار الرسم البياني و1.00
إلى يمين الرسم البياني.
- <end_point>
- موضع نهاية النطاق.
- بالنسبة إلى علامات النطاق الأفقية، يكون هذا الموضع على المحور الصادي حيث يمثّل
0.00
أسفل الرسم البياني و1.00
في أعلى الرسم البياني. - بالنسبة إلى علامات النطاق الرأسية، يكون هذا الموضع على المحور س، حيث يمثّل
0.00
يسار الرسم البياني و1.00
إلى يمين الرسم البياني.
أمثلة
الوصف | مثال |
---|---|
يمكن أن تكون علامات النطاق خطًا رفيعًا أو شريطًا من اللون.
|
|
يوضح هذا المثال علامات النطاق الرأسي. العلامة الأولى هي خط أحمر ( |
|
يتم رسم العلامات بالترتيب المحدد. في هذا المثال، يمكنك ملاحظة أنّ العلامة الحمراء الرأسية تم رسمها قبل العلامة الأفقية ذات اللون الأزرق الفاتح. |
chm= |
في ما يلي مثال على رسم بياني خطي يستخدم علامات النطاق لرسم خطوط أفقية باهتة على الرسم البياني عند خط الصفر وخط المنتصف والأعلى. |
|
علامات الشموع chm=F
[بار،
خط]
تشير علامات الشموع إلى التباين والتغيير في الاتجاه في سلسلة بيانات. وغالبًا ما تُستخدَم لإظهار قيم الأسهم على مدار اليوم. يتضمّن محدّد الموقع أقسامًا تعرض القيمة المرتفعة والمنخفضة، بالإضافة إلى القيمة الافتتاحية والختامية لفترة زمنية معيّنة (يومًا عادةً). لمزيد من المعلومات حول علامات تحديد الشموع، راجع هنا.
علامة الشموع مرسومة كمستطيل يقسمه خط عمودي. يتطلّب رسم علامة شمعدان أربع سلاسل بيانات، وفي ما يلي ما تحدّده كل سلسلة:
- تحدّد السلسلة 1 و4 أسفل الخط العمودي وأعلىه على التوالي. وتمثّل هذه القيم عادةً القيم المنخفضة والمرتفعة لليوم.
- تحدد السلسلة 2 و3 الحدود الرأسية للمستطيل. السلسلة 2 هي القيمة الافتتاحية، والسلسلة 3 هي القيمة الختامية. يعتمد لون المستطيل على اللون الأعلى: عندما تكون القيمة الافتتاحية (السلسلة 2) أقل من القيمة الختامية (السلسلة 3)، يكون السعر ممتلئًا باللون الأخضر الخالص بشكل تلقائي، وعندما تكون القيمة الافتتاحية (السلسلة 2) أعلى من قيمة الإغلاق (السلسلة 3)، انخفض السعر، ويكون المستطيل مملوءًا باللون الأحمر الخالص تلقائيًا. يمكنك فقط تحديد لون تعبئة للمستطيل بقيمة متناقصة. عند تحديد ذلك، يكون المستطيل ذي القيمة المتزايدة غير معبأ (فارغ). يُرجى العِلم أنّ السلسلة 2 يمكن أن تكون إما أعلى المستطيل أو أسفلها استنادًا إلى ما إذا كان السعر قد ارتفع أو انخفض.
يمكنك دمج علامات الشموع مع أي معلَمات chm
أخرى
باستخدام رمز الشرطة الرأسية ( |
) لفصل معلَمات chm
.
ملاحظة: إذا كنت لا تريد أن تظهر خطوط البيانات
المستخدمة لرسم العلامات في الرسم البياني، يجب تضمين 0 بعد
نوع التنسيق. على سبيل المثال: chd=t0:10,20,30,40
في سلسلة بيانات بتنسيق نصي. راجِع الرسوم البيانية المركّبة لمزيد من المعلومات.
إليك مثال يعرض السطور لكل سلسلة:
البنية
chm= F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>
- F
- تشير إلى أن هذه علامة شمعدان.
- <opt_declining_color>
- [اختياري] لون التعبئة للمستطيلات عند انخفاض القيمة (عندما تكون قيمة السلسلة 2 > قيمة السلسلة 3 المقابلة) هذا رقم سداسي عشري بتنسيق RRGGBB. وعند زيادة القيم، سيكون المستطيل فارغًا. يكون اللون التلقائي أخضر ثابتًا للزيادة، وأحمر ثابت للتناقص (لا يمكنك تحديد لون تعبئة مخصص لزيادة القيم).
- <data_series_index>
- فهرس سلسلة البيانات المطلوب استخدامه كأول سلسلة لأقلام تحديد الشموع. هذا الفهرس يستند إلى صفر. وبالتالي، إذا حددت القيمة 1 هنا، وكان لديك ست سلاسل، سيتم استخدام السلسلة الثانية والثالثة والرابعة والخامسة لرسم علامات على شكل شمعدان.
- <opt_which_points>
- [اختياري] تحدِّد هذه السياسة نقاط البيانات المستخدمة لرسم العلامات. القيمة التلقائية
هي كل العلامات. استخدِم أحد
التنسيقات التالية:
n.d
- ارسم علامة على نقطة واحدة في السلسلة، حيث يكون n.d هو فهرس النقطة في السلسلة. إذا حددت قيمة لا تمثل عددًا صحيحًا، يشير الكسر إلى نقطة متوسطة محسوبة. على سبيل المثال، تعني 3.5 منتصف الطريق بين النقطة 3 والنقطة 4.-1
- رسم محدِّد موقع على جميع نقاط البيانات يمكنك أيضًا ترك هذه المَعلمة فارغة للرسم على جميع العلامات.-n
- يتم رسم علامة على كل نقطة بيانات n.start:end:n
- يمكنك وضع علامة على كل نقطة بيانات n في النطاق بدءًا من قيم فهرس البداية إلى النهاية، ويشمل ذلك. جميع المعلَمات اختيارية (قد تكون غير موجودة)، وبالتالي سيتم ضبط 3::1 من العنصر الرابع إلى آخر خطوة 1، وسيتم تلقائيًا ضبط first:last:1 في حال حذف هذه المعلَمة. يمكن أن تكون جميع القيم أرقام نقاط عائمة. ويمكن أن تكون start وend سالبة، ليتم احتسابها مرة أخرى من القيمة الأخيرة. إذا كانت قيمة كل من الحقلين start وend سالبتين، تأكَّد من إدراجهما بقيمة متزايدة (على سبيل المثال، -6:-1:1). إذا كانت قيمة الخطوة n أقل من 1، ستحسب نقاط البيانات الإضافية من خلال إدخال قيم البيانات المقدّمة. القيم التلقائية هي first:last:1
- <width>
- عرض جميع المستطيلات بالبكسل.
- <opt_z_order>
- [اختيارية] الطبقة التي يجب رسم العلامة عليها مقارنةً بالعلامات الأخرى وجميع عناصر الرسم البياني الأخرى ويكون رقم النقطة العائمة من -1.0 إلى 1.0، شاملاً الرقم -1.0 يمثل في الأسفل و1.0 في الأعلى. وتكون عناصر الرسم البياني (الأسطر والأشرطة) أقل من الصفر. في حال وجود علامتَين لهما القيمة نفسها، يتم رسمهما بالترتيب المحدّد في عنوان URL. القيمة التلقائية هي 0.0 (أعلى عناصر الرسم البياني مباشرةً).
أمثلة
الوصف | مثال |
---|---|
في ما يلي مثال على علامات الشموع على رسم بياني خطي مكوَّن من أربع سلاسل. تم تحديد لون التعبئة المخصص يتم قطع المستطيل الأول والأخير بواسطة المخطط. لإزالة هذه القيم، يمكنك تحديد 1:4 للمَعلمة الرابعة لـ chm. لاحظ الصفر في سلسلة البيانات، لإخفاء سطور السلسلة: المعلمة <which_point> فارغة، وترسم شمعدانات على جميع نقاط البيانات. |
chd=t0: |
في ما يلي مثال على الرسم البياني نفسه باستخدام الألوان التلقائية وإزالة العنصر الأول والأخير. هذا الرسم البياني المركّب هو مزيج من الرسم البياني الخطي (نوع الرسم البياني الأساسي) وعلامات الشموع. تعني القيمة 1 في |
|
العلامات الخطية chm=D
[شريط،
شموع، خط، رادار،
مخطط مبعثر]
يمكنك إضافة خط يتتبّع البيانات في الرسم البياني. وغالبًا ما يستخدم هذا في المخططات المركّبة.
لإضافة عدة أسطر (أو دمج هذه السمة مع أي علامات chm
أخرى)،
افصل مجموعات معلَمات chm باستخدام محدِّد الممر ( |
). ولا يمكنك
إنشاء علامة خط متقطّع باستخدام هذه المَعلمة.
البنية
chm= D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>
- D
- تشير إلى أن هذه علامة خط.
- <color>
- لون الخط بالتنسيق السداسي العشري RRGGBB.
- <series_index>
- فهرس سلسلة البيانات المستخدَمة لرسم الخط. فهرس سلسلة البيانات
0
لسلسلة البيانات الأولى، و1
لسلسلة البيانات الثانية، وهكذا. - <which_points>
- نقاط السلسلة المطلوب استخدامها لرسم الخط. استخدِم إحدى القيم التالية:
0
- استخدِم جميع النقاط في السلسلة.start:end
- استخدِم نطاقًا معيّنًا من النقاط في السلسلة، بدءًا من start إلى end، بشكل شامل (فهرس يستند إلى الصفر). يمكنك أيضًا استخدام قيم النقطة العائمة لتحديد النقاط المتوسطة، أو ترك حقل start أو end فارغين للإشارة إلى نقطة البيانات الأولى أو الأخيرة على التوالي. يمكن أن تكون start وend سالبة، كفهرس عكسي من القيمة الأخيرة. إذا كانت قيمة كل من start وend سالبة، احرص على كتابتها بقيمة متزايدة (على سبيل المثال، -6:-1).
- <size>
- عرض الخط بالبكسل.
- <opt_z_order>
- [اختيارية] الطبقة التي يجب رسم العلامة عليها مقارنةً بالعلامات الأخرى وجميع عناصر الرسم البياني الأخرى ويكون رقم النقطة العائمة من -1.0 إلى 1.0، شاملاً الرقم -1.0 يمثل في الأسفل و1.0 في الأعلى. وتكون عناصر الرسم البياني (الأسطر والأشرطة) أقل من الصفر. في حال وجود علامتَين لهما القيمة نفسها، يتم رسمهما بالترتيب المحدّد في عنوان URL. القيمة التلقائية هي 0.0 (أعلى عناصر الرسم البياني مباشرةً).
أمثلة
الوصف | مثال |
---|---|
هذا مثال على رسم خط علامة على مخطط شريطي.
تم ضبط ترتيب z على |
chm=D,0033FF,0,0,5,1 |
هذا هو الرسم البياني الشريطي نفسه، ولكن مع سلسلة بيانات إضافية للخط فقط. هذا مثال على مخطط مركب.
يتم رسم الرسوم البيانية المُركّبة عن طريق إضافة سلسلة بيانات إضافية إلى معلَمة راجِع الرسوم البيانية المركّبة للحصول على مزيد من المعلومات. |
chm=D,0033FF,1,0,5,1 |
دوال البيانات chfd
[كل
chd
الرسوم البيانية]
يمكنك تحديد دالة مخصصة ليتم عرضها على بيانات الرسم البياني باستخدام بنية الدالة muParser. يمكن أن تأتي البيانات المستخدمة في الدالة من أحد المصدرين:
- سلسلة بيانات من
chd
- يتم سحب البيانات من السلسلة المحدّدة فيchd
. - نطاق من القيم التي تم تعريفها في المعلَمة
chfd
نفسها: يمكنك تعريف قيمة البداية والتوقف والخطوة لنطاق بيانات عشوائي.
من المهم ملاحظة أنّه في جميع الحالات، عليك تخصيص الناتج لسلسلة حالية في chd
، وسيتم استبدال هذه السلسلة بمخرجات الدالة. لا يتم عرض الرسم البياني إلا بعد أن تتم معالجة جميع الدوال، لذلك إذا خصّصت دوال متعددة للمخرجات في سلسلة البيانات نفسها، سيتم تنفيذ الدوال بالترتيب المقدم، ولكن سيتم رسم ناتج الدالة النهائية فقط في الرسم البياني. يُرجى العِلم أنّه يمكن ربط الدوال
بحيث يمكن استخدام دالة واحدة كمدخل لسلسلة ناتج عن دالة
سابقة.
لتخصيص الألوان أو علامات chm
لسطر دالة، يمكنك تخصيص الألوان أو العلامات لفهرس السلسلة للدالة. يُرجى العِلم أنّ العلامات يتم وضعها وفقًا للبيانات بعد معالجتها باستخدام الدالة.
البنية
chfd= <output_series_index>,<function_data>,<function_string> |...| <output_series_index>,<function_data>,<function_string>
- <output_series_index>
- فهرس يستند إلى الصفر لسلسلة بيانات في
chd
ستتم كتابة ناتج الدالة إليه. سيتم استبدال أي بيانات حالية بالكامل بإخراج الدالة. إذا لم يتم استخدام سلسلة كإدخال لدالة، فإن أفضل ممارسة هي تعيين قيمة وهمية واحدة لتلك السلسلة. - <function_data>
- المتغيّرات والبيانات المطلوب رسمها. ويمكن أن تكون البيانات من نطاق تحدده أو من إحدى سلاسل البيانات
chd
. يمكنك تحديد متغيّرات متعددة لكل دالة باستخدام محدد ; (فاصلة منقوطة) لمتغيّرات متعددة. يُرجى العِلم بأنّه إذا حدّدت متغيّرات متعددة لدالة واحدة، وكان لهذه المتغيّرات عددًا مختلفًا من النقاط، ستتوقف الدالة عند وصولها إلى نقطة النهاية الأولى. على سبيل المثال، إذا كانت الدالة تحدّد كل من الخطوة 1، وx=1، وy=1—10، في الخطوة 1، ستنتهي الدالة عند الوصول إلى النقطة الخامسة.
<variable_name>,<input_series_index>
أو
<variable_name>,<start>,<end>,<step>
- variable_name - اسم سلسلة عشوائية للمتغير. يمكنك استخدام هذا في الدالة المحدّدة بواسطة function_string.
- input_series_index: فهرس سلسلة بيانات
chd
لاستخدامه كبيانات إدخال. - start - قيمة البدء الرقمية لنطاق.
- end - قيمة النهاية الرقمية للنطاق.
- step - قيمة الخطوة الرقمية من start إلى end. يمكن أن تكون قيمة موجبة أو سالبة، ولكن لا يمكن أن تكون صفرًا.
x,0,100,1
يعرّف عن متغيّر اسمهx
بالقيم 0، 1، 2، ... 100. يعرّفx,0,100,1;r,0,3.1,.1
عن متغيرx
نفسه بالإضافة إلى متغير باسمr
بالقيم 0، 0.1، 0.2، ...، 3.0، 3.1. تعلنx,0
عن متغير اسمه x يستخدم البيانات من أول سلسلةchd
. سيتم استخدام هذه المتغيّرات بواسطة function_string. لن يتم تمثيلها على الرسم البياني ما لم تُحدِّدها في function_string. كلما كانت الخطوة أصغر، كان الرسم البياني أكثر سلاسة. - <function_string>
- دالةك المكتوبة بلغة muParser. يتم تطبيق الدالة على المتغيّرات والبيانات المحدّدة في variable_data.
يمكنك فقط الإشارة إلى المتغيّرات المعلَنة في مجموعة الدوال المحلية هذه، وليس
في مجموعة أخرى ضمن الأنابيب تتضمّن معلَمات
chfd
. وظائف muParser الملخص غير متاحة (الحد الأدنى والحد الأقصى للمجموع والمتوسط). ملاحظة مهمة: عليك تذكر استخدام%2B
بدلاً من+
في الدوال.
أمثلة
الوصف | مثال |
---|---|
موجة جيبية بسيطة. بعض الملاحظات المهمة:
|
cht=lc |
يستخدِم هذا السطر بيانات من مَعلمة chd . |
chd=t:5,10 |
يشير ذلك المصطلح إلى مزيج من الخطوط الدوال وغير الدالة. لاحِظ كيف يتم تحديد الألوان من خلال مَعلمة لون السلسلة لاحِظ موضع العلامات في ناتج الدالة، حيث يتم احتساب نقاط البيانات من start وend وstep، فإذا كان نطاقك يتراوح بين 0 و11 خطوة 0.1، والنقطة 0 هو 0، والنقطة 1 هي 0.1 وهكذا، حتى النقطة 110 التي قيمتها 11. |
chd=t: |
لتحديد دالة في سمتَين، استخدِم رسمًا بيانيًا
|
cht=lxy |
تتيح لك معلمة جرِّب النقر على هذه الصور لفتحها واللعب معها في منطقة الرسم البياني، وبذلك ستنجذب انتباهك. |