ملاحظة مهمّة: على الرغم من أنّه يتم صيانة مخططات Google الديناميكية والتفاعلية بشكل فعّال، إلا أننا أوقِفنا رسميًا الرسوم البيانية الثابتة للصور من Google منذ عام 2012. وقد تم إيقافه في 18 آذار (مارس) 2019.
توضّح هذه الصفحة طريقة إنشاء مجموعة متنوعة من وسائل الشرح والفقاعات التفسيرية والدبابيس والرسومات الأخرى التي يمكن إنشاؤها باستخدام عنوان URL.
https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000
- المقدمة
- البنية
- أنواع الرموز
- فقاعات المحادثات
- الدبابيس
- ملاحظات بأسلوب مرح
- ملاحظات حول توقعات الطقس
- مجموعات نص الخطوط المسطرة (النص فقط)
- كتل نص الخطوط المسطرة (النص + الرمز)
- قائمة العلامات والرموز المتاحة
- سلاسل نصية
- الظلال
مقدمة
يمكنك إنشاء مجموعة متنوعة من وسائل الشرح أو الدبابيس أو الفقاعات المثيرة للاهتمام التي تجمع بين النص والصور. ويُطلق على هذه العناصر اسم الرموز الديناميكية.
البنية
عنوان URL الجذر: https://chart.googleapis.com/chart?
تتوافق الرموز الديناميكية مع المعلَمات التالية بعد علامة ؟ في عنوان URL الجذر:
المَعلمة | مطلوبة أم اختيارية | الوصف |
---|---|---|
chst=<icon_string_constant> |
مطلوب | تصف نوع الرموز التي يجب إنشاؤها.
|
chld=<icon_data> |
مطلوب | البيانات المحددة المستخدمة لوصف حجم الأيقونة ودورانها ونصها وغيرها من البيانات المطلوبة.
|
أنواع الرموز
Type | أمثلة |
---|---|
فقاعات المحادثات: يمكنك اختيار فقاعات تفسيرية نصية صغيرة أو كبيرة، مع رموز أو بدونها. | |
الدبابيس: يمكن أن تكون أنواع الدبابيس عادية أو مميّزة بنجمة أو مائلة، ويمكن أن تحتوي على رمز أو حرف واحد أو سلاسل نصية أطول. | |
ملاحظات بأسلوب مرح مع نص وعنوان اختياري | |
ملاحظات حول توقعات الطقس مع عنوان ونص ورمز الطقس | |
كتلة نص محدد متعدد الأسطر، بدون رمز | |
نص محدَّد بخط واحد مع رمز |
فقاعات المحادثات
تتوفّر فقاعات المحادثات في مجموعات مختلفة من الميزات: حجم كبير أو صغير، مع رمز أو بدونه، أو نص سطر واحد أو نص متعدد الأسطر. يوضّح الجدول التالي أنواع الفقاعات وبنية كل منها. وقد تم توضيح وصف كل قيمة مَعلمة أدناه الجدول.
في ما يلي بعض الملاحظات الإضافية:
- ويتم تغيير حجم كل فقاعات المحادثات لتلائم عرض النص الذي تدخله وارتفاعه.
- يتوافق ثابت الفقاعة مع صيغة أخرى تنتهي بـ
_withshadow
. إذا كنت تستخدم الصيغة_withshadow
، ستُضيف ظلًا أسفل فقاعة تفسيرية.
النص | الرمز | البنية | الظل فقط | مثال |
---|---|---|---|---|
سطر واحد | لا | chst= |
chst= |
chst=d_bubble_text_small |
سطر واحد | Yes | chst= |
chst= |
chst=d_bubble_icon_text_small |
سطر واحد | Yes |
chst= |
chst= |
chst=d_bubble_icon_text_big |
متعدد الأسطر | لا | chst= |
chst= |
chst=d_bubble_texts_big |
متعدد الأسطر | Yes |
|
chst= |
chst=d_bubble_icon_texts_big |
البنية
- <icon_string>
- سلسلة تحدد أحد الرموز الموضحة في نهاية هذا المستند.
- <frame_style>
- اتجاه الذيل. اختَر من ثوابت اتجاه الذيل التالية:
bb
- إطار بالون، وذيل في أسفل يسار الشاشة
bbtl
- إطار بالون، وذيل في أعلى اليسار
bbtr
- إطار بالون، وذيل في أعلى اليمين
bbbr
- إطار بالون، وذيل في أسفل اليمين
bbT
- إطار بالون، بدون ذيل
edge_bl
- إطار الحافة، الذيل عند الحافة السفلية، الطرف الأيسر
edge_bc
- إطار الحافة، الذيل عند الحافة السفلية، في الوسط
edge_br
- إطار الحافة، الذيل عند الحافة السفلية، الطرف الأيمن
edge_tl
- إطار الحافة، الذيل في الحافة العلوية، الطرف الأيسر
edge_tc
- إطار الحافة، الذيل عند الحافة العلوية، في الوسط
edge_tr
- إطار الحافة، الذيل في الحافة العلوية، الطرف الأيمن
edge_lt
- إطار الحافة، الذيل عند الحافة اليسرى، الطرف العلوي
edge_lc
- إطار الحافة، الذيل عند الحافة اليسرى، في الوسط
edge_lb
- إطار الحافة، الذيل عند الحافة اليسرى، الطرف السفلي
edge_rt
- إطار الحافة، الذيل عند الحافة اليمنى، الطرف العلوي
edge_rc
- إطار الحافة، الذيل عند الحافة اليمنى، في الوسط
edge_rb
- إطار الحافة، الذيل عند الحافة اليمنى، الطرف السفلي
- <fill_color>
- لون تعبئة الفقاعة التفسيرية، كلون HTML سداسي عشري مكوّن من ستة أرقام.
- <text_color>
- لون النص، كلون HTML سداسي عشري مكوّن من ستة أرقام.
- <text>
- عبارة عن سطر واحد من نص الفقاعة التفسيرية للفقاعات المكوّنة من سطر واحد. يجب أن تتضمّن المسافات علامات +.
- <text_line_1>|...|<text_line_n>
- سطر واحد أو أكثر من النصوص، للفقاعات التفسيرية النصية المتعدّدة الأسطر. ويكون كل سطر مفصولاً بعلامة |. سيظهر السطر الأول بشكل أكبر بخط غامق. يجب استبدال المسافات بالعلامة +.
الظل فقط
بالنسبة إلى الفقاعات، يمكنك أيضًا رسم الظل المستقل باستخدام البنية الموضّحة في الجدول أعلاه. أمثلة:
chst= |
chst= |
chst= |
chst= |
chst= |
الدبابيس
يمكنك إنشاء مجموعة متنوعة من الدبابيس باستخدام رموز و/أو سلاسل نصية قصيرة. في ما يلي أنواع الدبابيس المتاحة.
نوع الدبوس | فقاعة ثابتة | أمثلة |
---|---|---|
دبّوس عادي يتضمّن حرفًا واحدًا أو رمزًا واحدًا |
|
|
دبوس مائل/مميّز بنجمة بحرف واحد أو رمز |
|
|
مسمار قابل للتوسّع، وقابل للتدوير، ومتعدد الأسطر | chst=d_map_spin |
دبّس عادي يتضمّن حرفًا واحدًا أو رمزًا
هذا دبوس صغير عمودي يمكن أن يحتوي على رمز صغير أو حرف واحد.
بنية الحرف
chst=d_map_pin_letter[_withshadow] chld=<character>|<fill_color>|<text_color>
بنية الرمز
chst=d_map_pin_icon[_withshadow] chld=<icon_string>|<fill_color>
- <character>
- [تثبيت النصوص فقط] حرف نص واحد
- <icon_string>
- [دبابيس الرموز فقط] سلسلة تحدّد أحد الرموز الموضّحة في نهاية هذا المستند.
- <fill_color>
- لون تعبئة الفقاعة التفسيرية، كلون HTML سداسي عشري مكوّن من ستة أرقام.
- <text_color>
- [دبابيس النص فقط] لون النص، كلون HTML سداسي عشري مكوّن من ستة أرقام
الظل فقط
لرسم الظل لهذا النوع من الدبوس فقط، استخدم بناء الجملة التالي:
chst=d_map_pin_shadow
لا يلزم استخدام المعلمة chld
للظل فقط.
أمثلة
chst=d_map_pin_letter_withshadow |
chst=d_map_pin_letter |
chst=d_map_pin_icon |
chst=d_map_pin_shadow |
دبوس مائل/مميّز بنجمة عليه حرف واحد أو رمز
هذا دبوس صغير يمكن إمالةه إلى اليسار أو اليمين أو أن يحتوي على نجمة متداخلة. ويمكن أن يكون محتوى الدبوس حرفًا واحدًا أو رمزًا صغيرًا.
بنية الحرف
chst=d_map_xpin_letter[_withshadow] chld=<pin_style>|<character>|<fill_color>|<text_color>|<star_fill_color>
بنية الرمز
chst=d_map_xpin_icon[_withshadow] chld=<pin_style>|<icon_string>|<fill_color>|<star_fill_color>
- <pin_style>
- نمط الدبوس اختَر أحد الثوابت التالية:
pin
pin_star
pin_sleft
pin_sright
- <icon_string>
- [دبابيس الرموز] سلسلة تحدد أحد الرموز الموضّحة في نهاية هذا المستند.
- <character>
- [دبابيس النص] حرف نص واحد
- <fill_color>
- لون تعبئة الفقاعة التفسيرية، كلون HTML سداسي عشري مكوّن من ستة أرقام.
- <text_color>
- [دبابيس النص] لون النص، كلون HTML سداسي عشري مكوّن من ستة أرقام
- <star_fill_color>
- [دبابيس النجوم] لون تعبئة النجمة، كلون سداسي عشري بتنسيق HTML مكوّن من ستة أرقام.
الظل فقط
لرسم الظل لهذا النوع من الدبوس فقط، استخدم بناء الجملة التالي:
chst=d_map_xpin_shadow chld=<pin_style>
أمثلة
chst=d_map_xpin_letter |
chst=d_map_xpin_letter |
chst=d_map_xpin_icon |
chst=d_map_xpin_shadow |
رقم التعريف الشخصي للنص مع تغيير الحجم والتدوير
هذا دبوس يمكنك تغيير حجمه يدويًا لتضمين سلاسل نصية أطول. يمكنك أيضًا تدوير الدبوس بقدر مخصّص والتحكم في حجم الخط ولونه.
البنية
chst=d_map_spin chld=<scale_factor>|<rotation_deg>|<fill_color>|<font_size>|<font_style>|<text_line_1>|...|<text_line_n>
- <scale_factor>
- عامل تحجيم لتحديد حجم الدبوس. وهو رقم نقطة عائمة موجب، حيث يمثّل 0.5 حجم الدبابيس غير المقسَّمة. وسيكون 0.25 نصف هذا الحجم، و1 سيكون ضعف هذا الحجم، وهكذا.
- <rotation_deg>
- تدوير الدبوس بالدرجات يُسمح بالقيم الموجبة والسالبة. حدِّد 0 للدبوس العمودي.
- <fill_color>
- لون تعبئة الفقاعة التفسيرية، كلون HTML سداسي عشري مكوّن من ستة أرقام.
- <font_size>
- حجم خط النص بالبكسل
- <font_style>
- يمكن استخدام "_" (شرطة سفلية) للنص العادي أو "b" للنص الغامق.
- <text_line_1>...<text_line_n>
- سطر واحد أو أكثر من النصوص، مفصول بينها بأحرف |.
أمثلة
chst=d_map_spin |
chst=d_map_spin |
chst=d_map_spin |
أسلوب مرح
يمكنك إنشاء مجموعة متنوعة من الملاحظات النصية في نماذج مبتكرة، مثل ملاحظة ملصقة أو فقاعة تفكير. يمكنك اختياريًا تضمين سطر عنوان في الملاحظة.
هذه الملاحظات ذات حجم ثابت، فهي لن تكبر أو تتقلص لتلائم حجم النص.
البنية
chst=d_fnote_title OR chst=d_fnote chld=<note_type>|<note_size>|<text_color>|<text_alignment>|<text_line_1>|...|<text_line_n>
- نظام التشغيل Chrome
- يمكنك تحديد
d_fnote_title
لملاحظة تتضمن عنوانًا، أوd_fnote
لملاحظة بدون عنوان. في ملاحظة تحتوي على عنوان، سيتم تنسيق السطر الأول من النص كعنوان (كبير وغامق). - <note_type>
- سلسلة تصف شكل الملاحظة. اختَر إحدى سلاسل نوع الملاحظة في الجدول أدناه.
- <note_size>
- 1 (واحد) لملاحظة كبيرة أو 2 لملاحظة صغيرة. وتكون أحجام النماذج ثابتة، فلا تكبر النماذج أو تتقلص لتلائم النص. يمكنك تجربة كلا الحجمَين لمعرفة أيّهما يناسب النص بشكل أفضل.
- <text_color>
- لون النص، كلون سداسي عشري مكوّن من ستة أرقام، وقيم ألفا غير مقبولة.
- <text_alignment>
- محاذاة كل النص، بما في ذلك العنوان اختَر إحدى القيم التالية:
- l - ('L') محاذاة إلى اليسار
- h - محاذاة إلى الوسط
- r - محاذاة إلى اليمين
- <text_line_1>| ...|<text_line_n>
- نص الملاحظة ويمكنك استخدام الحرف | للإشارة إلى سطر جديد. عند
chst=d_fnote_title
، يتم تنسيق أول سطر من النص كعنوان.
نماذج أنواع الملاحظات
تتوفّر النماذج التالية مع نماذج الملاحظات. تظهر سلسلة note_type لكل منها أسفل النموذج.
ملاحظة: السلاسل النصية حساسة لحالة الأحرف!
arrow_d |
balloon |
pinned_c |
sticky_y |
taped_y |
thought |
أمثلة
الوصف | مثال |
---|---|
ملاحظة تحمل العنوان: chst=d_fnote_title . ويتم استخدام السطر الأول من النص كعنوان. الحجم كبير (1). |
chst=d_fnote_title |
ملاحظة بدون عنوان: chst=d_fnote. النص في الوسط. |
chst=d_fnote |
نموذج مفيد لنكة قديمة |
|
ملاحظات حول توقعات الطقس
يمكنك إنشاء ملاحظة باستخدام رمز مؤشر الطقس. تنسيق مشابه للملاحظات ذات الأنماط المرحة، لكن لون النص يكون دائمًا أسود، ومحاذاة النص دائمًا إلى اليسار، ولا يمكنك إضافة أكثر من سطر واحد إلى ثلاثة أسطر.
هذه الملاحظات لها حجم ثابت؛ لن تكبر أو تتقلص لتلائم حجم النص لديك.
البنية
chst=d_weather chld=<note_type>|<weather_icon>|<title>|<line_2>|<line_3>
- نظام التشغيل Chrome تشير السمة
d_weather
إلى ملاحظة عن الطقس.- <note_type>
- النموذج الذي سيتم استخدامه لهذه الملاحظة. استخدِم إحدى سلاسل الملاحظات المدرَجة في قائمة الملاحظات ذات النمط المرح أعلاه.
- <weather_icon>
- إحدى سلاسل رموز الطقس في الجدول أدناه. ويمكن أن تضيف ملاحظة رمزًا واحدًا للطقس.
- <title>|<line_2>|<line_3>
- العنوان بالإضافة إلى ما يصل إلى سطرين آخرين من النص (تكون أسطر النص الإضافية هذه اختيارية). العنوان أكبر بخط غامق.
رموز الطقس
في ما يلي قائمة برموز الطقس المتوافقة تعرض سلسلة weather_icon لكل منها.
ملاحظة: السلاسل النصية حساسة لحالة الأحرف!
clear-night-moon |
cloudy-heavy |
cloudy-sunny |
cloudy |
rain |
rainy-sunny |
snow |
snowflake |
snowy-sunny |
sunny-cloudy |
sunny |
thermometer-cold |
thermometer-hot |
thunder |
windy |
أمثلة
الوصف | مثال |
---|---|
ملاحظة حول الطقس فيها عنوان وسطران على نموذج نمط taped_y . |
|
أفكار أمنية لفصل الشتاء. |
|
مجموعات نص خطوط مسطرة (نص فقط)
يمكنك إنشاء جزء من النص المحدّد بخلفية بيضاء. إذا كنت تريد إضافة نص ورمز، يمكنك استخدام مجموعة متنوعة من سطر واحد والتي تتوافق مع رمز.
البنية
chst=d_text_outline chld=<text_fill_color>|<font_size>|<text_alignment>|<outline_color>|<font_weight>|<text_line_1>|...|<text_line_n>
- <text_fill_color>
- لون تعبئة النص هذا اللون هو لون سداسي عشري مكوّن من ستة أرقام، علمًا بأنّه لا يتم قبول قيم ألفا.
- <font_size>
- رقم يحدِّد حجم الخط بالبكسل
- <text_alignment>
- محاذاة كل النص، بما في ذلك العنوان اختَر إحدى القيم التالية:
- l - ('L')محاذاة إلى اليسار
- h - محاذاة إلى الوسط
- r - محاذاة إلى اليمين
- <outline_color>
- لون مخطط النص هذا اللون هو لون سداسي عشري مكوّن من ستة أرقام، علمًا بأنّه لا يتم قبول قيم ألفا.
- <font_weight>
- نص عادي أو غامق شرطة سفلية ' ' للنص العادي و"b" للنص الغامق.
- <text_line_1>| ...|<text_line_n>
- نص الملاحظة ويمكنك استخدام الحرف | للإشارة إلى سطر جديد. عند
chst=d_fnote_title
، يتم تنسيق أول سطر من النص كعنوان.
أمثلة
chst=d_text_outline |
chst=d_text_outline |
مجموعات النصوص المخطَّطة (النص + الرمز)
يمكنك إنشاء سطر واحد من النص المحدّد بالإضافة إلى رمز في أعلى المربّع أو يمينه أو أسفله أو على يساره. وإذا لم تكن بحاجة إلى رمز، استخدِم مجموعة نصوص الخط الموضّحة.
البنية
chst=<icon_position_string> chld=<text>|<font_size>|<font_fill_color>|<icon_name>|<icon_size>|<icon_fill_color>|<icon_and_text_border_color>
- <icon_position_string>
- تحديد مكان ظهور الرمز في مربّع النص اختَر إحدى القيم التالية:
d_simple_text_icon_below
- لوضع الرمز أسفل المربع:d_simple_text_icon_above
- لوضع الرمز أعلى المربّع:d_simple_text_icon_left
- تضع الرمز على يمين المربّع:d_simple_text_icon_right
- يضع الرمز على يسار المربّع:
- <text>
- النص المطلوب عرضه سطر واحد فقط؛ استخدم + مع المسافات.
- <font_size>
- رقم يحدِّد حجم الخط بالبكسل
- <font_fill_color>
- لون التعبئة للنص، كسلسلة مكوَّنة من ستة أرقام. قيم ألفا غير متوافقة.
- <icon_name>
- أحد أسماء الرموز الواردة في أسفل هذا المستند.
- <icon_size>
- ارتفاع الرمز بالبكسل. في ما يلي القيم المتوافقة: 12 و16 و24.
- <icon_fill_color>
- لون الرمز، كسلسلة مكوَّنة من ستة أرقام. قيم ألفا غير متوافقة.
- <icon_and_text_border_color>
- لون الحد حول الرمز والنص، كسلسلة مكوَّنة من ستة أرقام. قيم ألفا غير متوافقة.
قائمة العلامات والرموز المتاحة
يمكن استخدام الصور التالية في الرموز الديناميكية باستخدام المعلمة المناسبة.
ملاحظة: السلاسل النصية حساسة لحالة الأحرف
ملاحظة: لا تتوفر الرموز إلا بالأحجام التالية: 12 و16 و24.
الرموز الأساسية
الرموز من Glyphish.com
هذه الرموز من تأليف "جوزيف وين" / glyphish.com. وقد تم ترخيص هذا العمل بموجب ترخيص Creative Commons Attribution 3.0 في الولايات المتحدة.
العلامات
في ما يلي الأعلام لبعض البلدان والمناطق.
السلاسل النصية
يجب ترميز كل النصوص المعروضة المُرسَلة في الطلب بترميز UTF-8 ثم ترميز عنوان URL.
ويؤثّر ذلك فقط في الأحرف غير الآمنة لعنوان URL (الأحرف الآمنة لعنوان URL هي في الغالب الأحرف الإنجليزية a-z، بالإضافة إلى مجموعة صغيرة من علامات الترقيم). على سبيل المثال، القيمة بالترميز UTF-8 وعنوان URL للحرف "è" هي "%C3%A8
"، والرمز الصيني 駅 هو "%E9%A7%85
". وستتيح لك معظم المتصفحات استخدام قيمة غير مرمّزة في سلسلة عنوان URL (مثلاً، 駅) وسيتم ترميزها خلف الكواليس.
ومع ذلك، من المحتمل أن يكون المستخدم الذي يعرض عنوان URL لصورتك يستخدم متصفّحًا لا ينفّذ هذه العملية، لذلك من الأفضل عادةً ترميز كل الأحرف غير ASCII
في سلاسل نصية باستخدام الترميز UTF-8 وعنوان URL. يُرجى العِلم أنّ هذا ينطبق فقط على النص المعروض في فقاعات تفسيرية أو دبابيس، وليس مع علامة & أو | أو الأحرف الأخرى التي تشكّل جزءًا من بنية عنوان URL.
الظلال
يمكنك إضافة ظلال إلى العديد من الرموز أو حتى رسم ظلال لبعض الرموز بدون الرمز نفسه.
الرموز المظللة
يمكن رسم العديد من هذه الأيقونات بظلال أو بدونها. إذا كان خيار التظليل
متاحًا، سيتضمّن اسم الرمز نسخة تنتهي بالرمز _withshadow
ونسخة أخرى بدون تلك النهاية. يمكنك تحديد رمز بأي من النهاية، بناءً على ما إذا كنت تريد الظل أم لا.
في ما يلي مثال على فقاعة نصية متوسطة ودبوس فيها ظلال وبدونها:
chst=d_bubble_icon_text_big |
chst=d_bubble_icon_text_big_withshadow |
chst=d_map_pin_icon |
chst=d_map_pin_icon_withshadow |
ظلال مستقلة
تتيح لك بعض أنواع الأيقونات رسم ظلها بمفردها. قد تحتاج إلى إجراء ذلك إذا كنت تستخدم عدة رموز مظلَّلة متداخلة في رسم معيّن، وتكون قريبة جدًا من بعضها البعض بحيث يقع الظل من أحد الرموز على رسم آخر. اطّلِع على المستندات الخاصة بنوع الرموز المحددة لمعرفة ما إذا كان بإمكانك رسم ظله بمفرده.