يصف هذا المستند كيفية إنشاء مخططات Venn باستخدام Chart API.
جدول المحتويات
الميزات الخاصة بالرسوم البيانية
|
الميزات العادية
|
مقدمة
المخططات المتداخلة هي مخططات ذات دوائر متداخلة تشير إلى القواسم المشتركة بين المجموعات المختلفة. تدعم المخططات مخططات متداخلة ذات دائرتين أو ثلاث. ويمكنك تحديد الأحجام النسبية للدوائر ومقدار التداخل بينها.
أنواع الرسوم البيانية (cht
)
حدد مخطط Venn باستخدام البنية التالية:
البنية
cht=v
تتألّف سلسلة البيانات من ما يصل إلى سبعة عناصر، يفصل بينها المحدِّد المناسب لتنسيق البيانات، كما هو موضّح أدناه:
- تحدد القيم الثلاث الأولى أحجام ثلاث دوائر: A وB وC. بالنسبة إلى رسم بياني يحتوي على دائرتين فقط، حدِّد صفرًا للقيمة الثالثة.
- تحدد القيمة الرابعة حجم التقاطع بين المحورين A وB.
- تحدد القيمة الخامسة حجم تقاطع A وC. بالنسبة إلى رسم بياني يضم دائرتين فقط، لا تحدّد قيمة هنا.
- تحدد القيمة السادسة حجم تقاطع B وC. بالنسبة إلى رسم بياني يضم دائرتين فقط، لا تحدّد قيمة هنا.
- تحدد القيمة السابعة حجم التقاطع المشترك بين A وB وC. بالنسبة إلى رسم بياني يضم دائرتين فقط، لا تحدّد قيمة هنا.
يُرجى العلم أنّه في مخططات Venn، تكون جميع القيم متناسبة وليست مطلقة. هذا يعني أنّ الرسم البياني الذي يتضمّن القيم 10,20,30 سيبدو مطابقًا للرسم البياني الذي يتضمّن القيم 100,200,300 (إذا كان نوع الترميز يقبل هذه القيم).
الوصف | مثال |
---|---|
مخطط Venn ثلاثي الدوائر. |
|
لتحديد رسم بياني من دائرتين، حدِّد صفرًا للدائرة C، ولا تحدّد أي قيم متداخلة تتضمن C. | cht=v |
ألوان السلسلة chco
يمكنك تحديد ألوان جميع السلاسل أو كل سلسلة أو بعض السلاسل باستخدام المَعلمة chco
.
البنية
chco=<color_1>,...,<color_n>
- <color>
- لون السلسلة، بالتنسيق RRGGBB السداسي العشري. حدِّد ألوانًا مختلفة لسلاسل مختلفة عن طريق إضافة قيم ألوان مفصولة بفاصلة. إذا كانت لديك ألوان أقل من الألوان في السلسلة، يتم تكرار اللون الأخير، ولكن في الرسومات البيانية المتداخلة، يمكن أن تؤدي الألوان المتطابقة إلى صعوبة قراءة الرسم البياني.
الوصف | مثال |
---|---|
لون مختلف لكل دائرة. | chco=FF6342,ADDE63,63C6DE |
وإذا كان هناك ألوان أقل من الدوائر، يتم تكرار اللون الأخير المحدد. ومع ذلك، يصعب قراءة الرسم البياني. |
|
الميزات العادية
إنّ الميزات الباقية المعروضة في هذه الصفحة هي ميزات عادية للرسم البياني.
يمكنك تحديد الألوان باستخدام سلسلة مكوّنة من 6 أحرف من القيم السداسية العشرية، بالإضافة إلى قيمتَي شفافية اختياريتين، بالتنسيق RRGGBB[AA]
.
مثلاً:
FF0000
= أحمر00FF00
= أخضر0000FF
= أزرق000000
= أسودFFFFFF
= أبيض
AA
هي قيمة شفافية اختيارية، حيث يكون 00
شفافًا تمامًا وFF
معتمًا تمامًا. مثلاً:
0000FFFF
= أزرق خالص0000FF66
= أزرق شفاف
عنوان الرسم البياني 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>، <top_ مدّة >، <left_margin>
- الحد الأدنى لحجم الهامش حول مساحة الرسم البياني بالبكسل يمكنك زيادة هذه القيمة لتضمين بعض المساحة المتروكة لمنع اهتزاز تصنيفات المحاور لحدود الرسم البياني.
- <opt_legend_width>، <opt_legend_height>
- [اختيارية] عرض الهامش حول وسيلة الإيضاح بالبكسل. استخدِم هذا الخيار لتجنُّب ارتجاع وسيلة الإيضاح في منطقة الرسم البياني أو حواف الصورة.
أمثلة
الوصف | مثال |
---|---|
في هذا المثال، يتضمّن الرسم البياني هامشًا لا يقل عن 30 بكسل على كل جانب. نظرًا لأن عرض وسيلة إيضاح الرسم البياني يزيد عن 30 بكسل، يتم ضبط الهامش في الجانب الأيمن على عرض وسيلة إيضاح الرسم البياني ويختلف عن الهوامش الأخرى. تقع تسميات المحور خارج مساحة الرسم، وبالتالي يتم رسمها داخل مساحة الهامش. |
|
لإضافة هامش حول وسيلة الإيضاح، اضبط قيمة للمَعلمتَين في هذا المثال، يبلغ عرض وسيلة الإيضاح 60 بكسل تقريبًا. وفي حال ضبط |
|
تتم تعبئة الخلفية chf
[كل
الرسوم البيانية]
يمكنك تحديد ألوان التعبئة وأنماطها لمنطقة بيانات الرسم البياني و/أو
خلفية الرسم البياني بالكامل. تتضمن أنواع التعبئة التعبئة الخالصة والتعبئة المخططة والتدرجات.
يمكنك تحديد عمليات ملء مختلفة لمناطق مختلفة (على سبيل المثال، منطقة الرسم البياني بالكامل أو منطقة البيانات فقط). وتحلّ تعبئة منطقة الرسم البياني محلّ تعبئة الخلفية. يتم تحديد جميع عمليات التعبئة باستخدام المعلَمة chf
، ويمكنك المزج بين أنواع التعبئة المختلفة (المواد الخطرة والخطوط والتدرجات) في الرسم البياني نفسه من خلال فصل القيم باستخدام حرف الشرطة الرأسية ( | ). تؤدي ملء منطقة الرسم البياني إلى استبدال تعبئة الخلفية في الرسم البياني.
ملء صلب chf
[كل
الرسوم البيانية]
يمكنك تحديد تعبئة خالصة للخلفية و/أو منطقة الرسم البياني أو تخصيص
قيمة شفافية للرسم البياني بالكامل. يمكنك تحديد عمليات تعبئة متعددة باستخدام
حرف التوجيه (|
). (خرائط: الخلفية فقط).
البنية
chf=<fill_type>,s,<color>|...
- <fill_type>
- الجزء الذي تتم تعبئته من الرسم البياني. اختَر إحدى القيم التالية:
bg
- تعبئة الخلفيةc
- ملء منطقة الرسم البياني هذه الميزة غير متاحة مع الرسومات البيانية للخرائط.a
- جعل الرسم البياني بالكامل (بما في ذلك الخلفيات) شفاف يتم تجاهل الأرقام الستة الأولى من السمة<color>
، ويتم تطبيق آخر رقمين فقط (قيمة الشفافية) على الرسم البياني بالكامل وجميع عمليات التعبئة.b<index>
- تعبئة الشريط الخصري (الرسوم البيانية الشريطية فقط) استبدِل <index> بفهرس سلسلة الأشرطة لتعبئة لون ثابت. ويكون التأثير مشابهًا لتحديدchco
في رسم بياني شريطي. للاطّلاع على مثال، راجِع ألوان سلاسل الرسم البياني الشريطي.
- s
- تشير إلى تعبئة خالصة أو شفافة.
- <color>
- لون التعبئة بتنسيق RRGGBB السداسي العشري. بالنسبة إلى الطابعات الشفافة، يتم تجاهل الأرقام الستة الأولى، ولكن يجب تضمينها على أي حال.
أمثلة
الوصف | مثال |
---|---|
يعمل هذا المثال على تعبئة خلفية الرسم البياني باللون الرمادي الباهت
( |
|
يعمل هذا المثال على تعبئة خلفية الرسم البياني باللون الرمادي الفاتح
( |
|
يطبّق هذا المثال شفافية بنسبة 50% على الرسم البياني بالكامل (80 في النظام السداسي العشري تساوي 128، أو شفافية تبلغ حوالي 50%). لاحِظ خلفية خلية الجدول تظهر من خلال الرسم البياني. |
|
ملء التدرج chf
[خط،
شريطي، مقياس Google-o ، الرادار، مبعثر، Venn]
يمكنك تطبيق تعبئة متدرجة واحدة أو أكثر على مناطق الرسم البياني أو الخلفيات. تتلاشى التعبئة المتدرجة من لون إلى لون آخر. (مخططات دائرية، مخططات Google الخاصة بمقياس Google: الخلفية فقط.)
تحدّد كل تعبئة متدرجة زاوية، ويتم بعد ذلك تثبيت لونين أو أكثر في موقع محدّد. ويختلف اللون عند انتقاله من علامة ارتساء إلى أخرى. يجب أن يكون لديك لونان على الأقل بقيم <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>.
أمثلة
الوصف | مثال |
---|---|
تحتوي مساحة الرسم البياني على تدرج خطي أفقي، وقد تم تحديده بزاوية صفرية ( الألوان فاتحة ( يتم رسم خلفية الرسم البياني باللون الرمادي ( |
|
تتضمّن مساحة الرسم البياني تدرجًا خطيًا قُطريًا (من أسفل اليسار إلى أعلى اليمين) وزاوية تبلغ خمسة وأربعين درجة ( الخوخ ( الأزرق ( يتم رسم خلفية الرسم البياني باللون الرمادي ( |
|
تتضمّن مساحة الرسم البياني تدرجًا خطيًا رأسيًا (من أعلى إلى أسفل) بزاوية تسعين درجة ( الأزرق ( الخوخ ( يتم رسم خلفية الرسم البياني باللون الرمادي ( |
|
التعبئة مخطَّطة chf
[خط،
شريطي، مقياس Google، مقياس رادار، مبعثر، Venn]
يمكنك تحديد تعبئة خلفية مخطّطة لمنطقة الرسم البياني أو الرسم البياني بالكامل. (مخططات دائرية، مخططات Google الخاصة بمقياس Google: الخلفية فقط.)
البنية
chf= <fill_type>,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- <fill_type>
- منطقة الرسم البياني المطلوب ملؤها واحد ممّا يلي:
bg
- تعبئة الخلفيةc
- ملء منطقة الرسم البيانيb<index>
- تعبئة المخطط الشريطي (الرسوم البيانية الشريطية فقط) استبدِل <index> بفهرس سلسلة الأشرطة لملئه بالخطوط. للاطّلاع على مثال، راجِع القسم ألوان السلاسل الشريطية.
- ls
- يحدد هذا الخيار تعبئة الشريط الخطي.
- <angle>
- زاوية كل الخطوط بالنسبة إلى المحور y. استخدِم
0
للخطوط العمودية أو90
للخطوط الأفقية. - <color>
- لون هذا الشريط بتنسيق RRGGBB السداسي العشري. كرِّر <color> و <width> لكل شريط إضافي. يجب أن يكون لديك شريطان على الأقل. تتناوب الخطوط إلى أن يمتلئ الرسم البياني.
- <width>
- عرض هذا المخطط، من
0
إلى1
، حيث يمثل1
عرض الرسم البياني بالكامل. يتم تكرار الخطوط حتى يمتلئ الرسم البياني. كرِّر <color> و <width> لكل شريط إضافي. يجب أن يكون لديك شريطان على الأقل. تتناوب الخطوط إلى أن يمتلئ الرسم البياني.
أمثلة
الوصف | مثال |
---|---|
|
chf= |
|
chf= |