خيارات ضبط الرسم البياني

أنواع الرسوم البيانية

خيارات ضبط الرسم البياني للتعليقات التوضيحية

الاسم
الألوان

الألوان المستخدَمة لعناصر الرسم البياني مصفوفة من السلاسل، حيث يكون كل عنصر سلسلة لون HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
displayRangeSelector

يشير هذا الخيار إلى ما إذا كان سيتم عرض منطقة اختيار نطاق التكبير/التصغير (المنطقة في أسفل الرسم البياني)، حيث يشير الرمز false إلى "لا".

المخطّط في أداة اختيار التكبير/التصغير هو نسخة من مقياس لوغاريتمي للسلسلة الأولى في الرسم البياني، تم توسيعه ليلائم ارتفاع أداة اختيار التكبير/التصغير.

النوع: boolean
القيمة التلقائية: true
displayZoomButtons

ما إذا كنت تريد عرض أزرار التكبير أو التصغير ("1d 5d 1m" وما إلى ذلك)، حيث يشير الرمز false إلى لا

النوع: boolean
القيمة التلقائية: true
الحد الأقصى

الحد الأقصى للقيمة المعروضة على محور Y إذا تجاوزت نقطة البيانات القصوى هذه القيمة، يتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لعرض علامة التبويب الرئيسية التالية فوق نقطة البيانات القصوى. وتحظى بالأولوية على الحد الأقصى للمحور "ص" الذي تحدّده السمة scaleType.

وهذا مشابه للسمة maxValue في الرسومات البيانية الأساسية.

النوع: number
الإعداد التلقائي: تلقائي
دقيقة

الحد الأدنى للقيمة المعروضة على محور Y إذا كانت أدنى نقطة بيانات أقل من هذه القيمة، يتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لعرض علامة علامة التبويب الرئيسية التالية أسفل أدنى نقطة بيانات. وتكون الأولوية لهذا على الحدّ الأدنى للمحور "ص" الذي تحدّده السمة scaleType.

يشبه ذلك minValue في الرسوم البيانية الأساسية.

النوع: number
تلقائي: تلقائي

خيارات ضبط الرسم البياني المساحي

الاسم
areaOpacity

تمثّل هذه السمة التعتيم التلقائي للمنطقة الملونة ضمن سلسلة الرسم البياني المساحي، حيث تكون 0.0 شفافة بالكامل وتكون 1.0 معتمة تمامًا. لتحديد مستوى الشفافية لسلسلة فردية، اضبط القيمة areaOpacity في السمة series.

النوع: number و0.0- 1.0
تلقائي: 0.3
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
تلقائي: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
القيمة التلقائية: -1
hAxis.logScale

سمة hAxis تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب أن تكون جميع القيم موجبة). عليك الضبط على true للإجابة بنعم.

هذا الخيار متاح فقط لمحور continuous.

النوع: boolean
القيمة التلقائية: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة، سيكون متجهًا لليمين في معظم الرسومات البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة x للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

تنقل هذه السمة الحد الأدنى للمحور الأفقي إلى القيمة المحدّدة، وسيتم نقلها إلى اليسار في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة x للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
interpolateNulls

تحديد ما إذا كان يمكن تخمين قيمة النقاط المفقودة. إذا كان true، سيتم تخمين قيمة أي بيانات غير متوفّرة استنادًا إلى النقاط المجاورة. إذا كان false، سيتم ترك فاصل في الخط عند النقطة غير المعروفة.

لا تتيح رسوم بيانية المنطقة استخدام الخيار isStacked: true/'percent'/'relative'/'absolute'.

النوع: boolean
القيمة التلقائية: false
isStacked

في حال ضبطها على true، يتم تجميع عناصر جميع السلاسل في كل قيمة نطاق. ملاحظة: في الرسوم البيانية العمودية و المساحية و SteppedArea، تعكس "رسومات Google البيانية" ترتيب عناصر الخريطة البيانية لمطابقة تجميع عناصر السلسلة بشكل أفضل (على سبيل المثال، ستكون السلسلة 0 هي عنصر الخريطة البيانية في أسفل الرسم البياني). لا ينطبق ذلك على الرسوم البيانية الشريطية.

ويتيح الخيار isStacked أيضًا استخدام التكديس بنسبة 100%، حيث تتم إعادة ضبط حزم العناصر في كل قيمة في النطاق لإضافة ما يصل إلى %100.

في ما يلي خيارات isStacked:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true - تجميع عناصر جميع السلاسل في كل قيمة نطاق
  • 'percent' - تُجمِّع العناصر لجميع السلاسل في كل قيمة نطاق، و تعيد قياسها بحيث تضيف ما يصل إلى %100، مع احتساب قيمة كل عنصر على أنّه نسبة مئوية من %100.
  • 'relative' — يكدّس العناصر لكل السلسلة في كل قيمة في النطاق ويعيد قياسها بحيث يزيد مجموعها عن 1، مع احتساب قيمة كل عنصر على أنها كسر من 1.
  • ‫'absolute': تعمل مثل الدالة isStacked: true.

في حالة التجميع بنسبة% 100، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد قيمته الفعلية.

سيتم ضبط المحور المستهدَف تلقائيًا على قيم علامات الدرجة استنادًا إلى المقياس النسبي من 0 إلى 1 كأجزاء من 1 لـ 'relative'، ومن 0 إلى% 100 لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم عرض قيم المحور/علامات الدرجة كنسب مئوية، ولكن القيم الفعلية هي قيم المقياس النسبي من 0 إلى 1. ويعود السبب في ذلك إلى أنّ علامات محور النسبة المئوية هي نتيجة تطبيق تنسيق "‎#.##%" على قيم المقياس النسبي من 0 إلى 1. عند استخدام isStacked: 'percent'، احرص على تحديد أي علامات/خطوط شبكة باستخدام قيم المقياس النسبي من 0 إلى 1). يمكنك تخصيص قيم خطوط الشبكة أو علامات التجزئة وتنسيقها باستخدام خيارات hAxis/vAxis المناسبة.

لا تتيح ميزة التجميع بنسبة% 100 سوى قيم البيانات من النوع number، ويجب أن يكون لها أساس صفر.

النوع: boolean/string
القيمة التلقائية: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left': على يسار الرسم البياني، لا يتوفّر series مرتبط بالمحور الأيسر. إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

عرض خط البيانات بالبكسل استخدِم الصفر لإخفاء جميع الخطوط وعرض النقاط فقط. يمكنك إلغاء القيم لسلاسل فردية باستخدام سمة series.

النوع: number
القيمة التلقائية: 2
pointShape

شكل عناصر البيانات الفردية: 'circle' أو 'triangle' أو 'square' أو 'diamond' أو 'star' أو 'polygon' يمكنك الاطّلاع على مستندات النقاط للحصول على أمثلة.

النوع: string
تلقائي: 'circle'
pointSize

قطر النقاط المعروضة بالبكسل استخدِم صفرًا لإخفاء جميع النقاط. يمكنك إلغاء القيم لسلسلة فردية باستخدام السمة series.

النوع: number
تلقائي: 0
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

هذا الخيار متاح فقط لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

مصفوفة من العناصر، يصف كلّ منها تنسيق السلسلة المقابلة في الرسم البياني لاستخدام القيم التلقائية لسلسلة، حدِّد كائنًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، سيتم استخدام القيمة العامة. يتيح كل عنصر السمات التالية:

  • ‫annotations: عنصر ليتم تطبيقه على التعليقات التوضيحية لهذه السلسلة. يمكن استخدام هذه القيمة للتحكّم، على سبيل المثال، في textStyle للسلسلة: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    اطّلِع على خيارات annotations المختلفة للحصول على قائمة أكثر شمولاً بالعناصر التي يمكن تخصيصها.

  • ‫areaOpacity - تلغي القيمة الكلية areaOpacity لهذه السلسلة.
  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة ألوان HTML صالحة.
  • labelInLegend: وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني
  • lineDashStyle - لإلغاء قيمة lineDashStyle العامة لهذه السلسلة
  • lineWidth - تلغي القيمة الشاملة lineWidth لهذه السلسلة.
  • pointShape - تلغي القيمة الشاملة pointShape لهذه السلسلة.
  • pointSize - تلغي القيمة الشاملة pointSize لهذه السلسلة.
  • pointsVisible - تلغي القيمة الشاملة pointsVisible لهذه السلسلة.
  • targetAxisIndex - المحور الذي سيتمّ إسناد هذه السلسلة إليه، حيث يكون 0 هو محور الأساس، و1 هو المحور المقابل. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّه يجب أن يحتوي الرسم البياني على إدخال في الشرح، وتعني false أنّه لا يجب أن يحتوي على إدخال في الشرح. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يكون لكل فرع مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان عن أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: تلقائي

خيارات ضبط الرسم البياني الشريطي

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML.

النوع:string
القيمة التلقائية: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض مساحة الرسم البياني

النوع: رقم أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxes

تُحدِّد سمات للأُطر الأفقية الفردية، إذا كان الرسم البياني يحتوي على عدة أُطر عمودية. كل عنصر فرعي هو عنصر hAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع hAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور أفقية متعددة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام hAxes. يحدِّد المثال التالي السلسلة 1 على المحور السفلي ويحدِّد عنوانًا مخصّصًا ونمطًا للنص:

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، أسلوب الصفيف التالي هو مطابق لعنصر hAxis المعروض أعلاه: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر فرعية
تلقائي: null
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
القيمة التلقائية: -1
hAxis.logScale

سمة hAxis تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب أن تكون جميع القيم موجبة). عليك الضبط على true للإجابة بنعم.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: boolean
القيمة التلقائية: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة، سيكون متجهًا لليمين في معظم الرسومات البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة x للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

تنقل هذه السمة الحد الأدنى للمحور الأفقي إلى القيمة المحدّدة، وسيتم نقلها إلى اليسار في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة x للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
isStacked

في حال ضبطها على true، يتم تجميع عناصر جميع السلاسل في كل قيمة نطاق. ملاحظة: في الرسوم البيانية العمودية و المساحية و SteppedArea، تعكس "رسومات Google البيانية" ترتيب عناصر الخريطة البيانية لمطابقة تجميع عناصر السلسلة بشكل أفضل (على سبيل المثال، ستكون السلسلة 0 هي عنصر الخريطة البيانية في أسفل الصفحة). لا ينطبق ذلك على الرسوم البيانية الشريطية.

يتيح الخيار isStacked أيضًا التجميع بنسبة% 100، حيث تتم إعادة قياس حِزم العناصر في كل قيمة نطاق لتصبح %100.

في ما يلي خيارات isStacked:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true - تجميع عناصر جميع السلاسل في كل قيمة نطاق
  • 'percent' - تُجمِّع العناصر لجميع السلاسل في كل قيمة نطاق، و تعيد قياسها بحيث تضيف ما يصل إلى %100، مع احتساب قيمة كل عنصر على أنّه نسبة مئوية من %100.
  • 'relative' — يكدّس العناصر لكل السلسلة في كل قيمة في النطاق ويعيد قياسها بحيث يزيد مجموعها عن 1، مع احتساب قيمة كل عنصر على أنها كسر من 1.
  • ‫'absolute': تعمل مثل الدالة isStacked: true.

في حالة التجميع بنسبة% 100، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد قيمته الفعلية.

سيتم ضبط المحور المستهدَف تلقائيًا على قيم علامات الدرجة استنادًا إلى المقياس النسبي من 0 إلى 1 كأجزاء من 1 لـ 'relative'، ومن 0 إلى% 100 لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم عرض قيم المحور/علامات الدرجة كنسب مئوية، ولكن القيم الفعلية هي قيم المقياس النسبي من 0 إلى 1. ويعود السبب في ذلك إلى أنّ علامات محور النسبة المئوية هي نتيجة تطبيق تنسيق "‎#.##%" على قيم المقياس النسبي من 0 إلى 1. عند استخدام isStacked: 'percent'، احرص على تحديد أي علامات/خطوط شبكة باستخدام قيم المقياس النسبي من 0 إلى 1). يمكنك تخصيص قيم خطوط الشبكة أو علامات التجزئة وتنسيقها باستخدام خيارات hAxis/vAxis المناسبة.

لا تتيح ميزة التجميع بنسبة% 100 سوى قيم البيانات من النوع number، ويجب أن يكون لها أساس صفر.

النوع: boolean/string
القيمة التلقائية: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

هذا الخيار متاح فقط لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

مصفوفة من العناصر، يصف كلّ منها تنسيق السلسلة المقابلة في الرسم البياني لاستخدام القيم التلقائية لمجموعة، حدِّد عنصرًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، سيتم استخدام القيمة العامة. ويوفّر كل كائن السمات التالية:

  • ‫annotations: عنصر ليتم تطبيقه على التعليقات التوضيحية لهذه السلسلة. يمكن استخدام هذه القيمة للتحكّم، على سبيل المثال، في textStyle للسلسلة: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    اطّلِع على خيارات annotations المختلفة للحصول على قائمة أكثر اكتمالاً بما يمكن تخصيصه.

  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة ألوان HTML صالحة.
  • labelInLegend: وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني
  • targetAxisIndex - المحور الذي سيتمّ إسناد هذه السلسلة إليه، حيث يكون 0 هو محور الأساس، و1 هو المحور المقابل. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف للأعمدة المختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّ السلسلة يجب أن تحتوي على إدخال وسيلة إيضاح، في حين تعني false أنه لا يجب أن تتضمن السلسلة. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يكون لكل فرع مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان عن أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
خطوط المؤشرات

تعرِض الخطوط البيانية التراكمية على الرسوم البيانية التي تتيح ذلك. يتم تلقائيًا استخدام linear خطوط المؤشرات ، ولكن يمكن تخصيص ذلك باستخدام الخيار trendlines.n.type.

يتم تحديد خطوط الاتجاه على أساس كل سلسلة، لذا ستبدو الخيارات في معظم الأحيان على النحو التالي: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
النوع: object
القيمة التلقائية: null
trendlines.n.color

لون خطّ الاتجاه ، الذي يتم التعبير عنه إما باسم لون باللغة الإنجليزية أو سلسلة سداسية عشرية

النوع: string
تلقائي: لون السلسلة التلقائي
trendlines.n.degree

بالنسبة إلى الخطوط المتّجه من type: 'polynomial'، تكون درجة كثير الحدود (2 لخط اتجاه رباعي، و3 لخط اتجاه ثلاثي، وما إلى ذلك).

النوع: number
تلقائي: 3
trendlines.n.labelInLegend

في حال ضبطها، سيظهر خطّ الاتجاه في التسمية التوضيحية بهذه السلسلة.

النوع: string
تلقائي: null
trendlines.n.lineWidth

عرض خط خط الاتجاه، بالبكسل.

النوع: number
القيمة التلقائية: 2
trendlines.n.type

ما إذا كانت الخطوط البيانية للمؤشرات هي 'linear' (الإعداد التلقائي) أو 'exponential' أو 'polynomial'

النوع: string
القيمة التلقائية: linear
trendlines.n.visibleInLegend

ما إذا كانت معادلة خطّ الاتجاه ستظهر في التسمية التوضيحية وسيظهر في تلميح خطّ المؤشر.

النوع: boolean
القيمة التلقائية: false
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto

خيارات ضبط الرسم البياني الفقاعي

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
القيمة التلقائية: 'white'
فقاعة تفسيرية

عنصر يتضمّن عناصر لضبط الخصائص المرئية للفقاعات

النوع: object
تلقائي: null
bubble.opacity

شفافية الفقاعات، حيث تكون 0 شفافة تمامًا و1 معتمة تمامًا

النوع: رقم بين 0.0 و1.0
القيمة التلقائية: 0.8
bubble.stroke

لون خط الفقاعات التفسيرية.

النوع: string
تلقائي: '#ccc'
bubble.textStyle

عنصر يحدّد نمط نص الفقرة. يكون للكائن التنسيق التالي:

{color: <string>, fontName: <string>, fontSize: <number>}

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يمكنك استخدام تنسيقَين: رقم أو رقم متبوعًا بنسبة مئوية. والرقم البسيط هو قيمة بالبكسل، بينما يمثّل الرقم متبوعًا بنسبة مئوية نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

هذا الخيار متاح فقط للمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
القيمة التلقائية: -1
hAxis.logScale

سمة hAxis تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب أن تكون جميع القيم موجبة). عليك الضبط على true للإجابة بنعم.

هذا الخيار متاح فقط لمحور continuous.

النوع: boolean
القيمة التلقائية: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة، سيكون متجهًا لليمين في معظم الرسومات البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة x للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

تنقل هذه السمة الحد الأدنى للمحور الأفقي إلى القيمة المحدّدة، وسيتم نقلها إلى اليسار في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة x للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
السلسلة

عنصر من العناصر، حيث تكون المفاتيح هي أسماء السلاسل (القيم في عمود "اللون") وكل عنصر يصف تنسيق السلسلة المقابلة في الرسم البياني في حال عدم تحديد سلسلة أو قيمة، سيتم استخدام القيمة الشاملة. يتيح كل عنصر السمات التالية:

  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة ألوان HTML صالحة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّه يجب أن يحتوي الرسم البياني على إدخال في الشرح، وتعني false أنّه لا يجب أن يحتوي على إدخال في الشرح. القيمة التلقائية هي true.
مثال: 
series: {'Europe': {color: 'green'}}
النوع: عنصر يتضمّن عناصر متداخلة
تلقائي: {}
sizeAxis

كائن يحتوي على أعضاء لضبط كيفية ارتباط القيم بحجم الفقاعة. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

 {minValue: 0,  maxSize: 20}
النوع: object
القيمة التلقائية: null
sizeAxis.maxSize

الحد الأقصى لنصف القطر لأكبر فقاعة ممكنة، بالبكسل.

النوع: number
الإعداد التلقائي: 30
sizeAxis.minSize

الحد الأدنى لنصف قطر أصغر فقاعة ممكنة، بالبكسل

النوع: number
القيمة التلقائية: 5
العنوان الفرعي

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto

خيارات ضبط التقويم

الاسم
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
العرض

عرض الرسم البياني بالبكسل.

النوع: number
القيمة التلقائية: عرض العنصر الذي يحتوي على العنصر

خيارات ضبط الرسم البياني بالشموع

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
تلقائي: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
القيمة التلقائية: -1
hAxis.logScale

سمة hAxis تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب أن تكون جميع القيم موجبة). عليك الضبط على true للإجابة بنعم.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: boolean
القيمة التلقائية: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة، سيكون متجهًا لليمين في معظم الرسومات البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة x للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

تنقل هذه السمة الحد الأدنى للمحور الأفقي إلى القيمة المحدّدة، وسيتم نقلها إلى اليسار في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة x للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

هذا الخيار متاح فقط لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

مصفوفة من العناصر، يصف كلّ منها تنسيق السلسلة المقابلة في الرسم البياني لاستخدام القيم التلقائية لسلسلة، حدِّد كائنًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة ، سيتم استخدام القيمة الشاملة. ويوفّر كل كائن السمات التالية:

  • color - اللون المطلوب استخدامه لهذه السلسلة. حدِّد سلسلة ألوان HTML صالحة.
  • fallingColor.fill - لإلغاء قيمة candlestick.fallingColor.fill العامة لهذه السلسلة
  • fallingColor.stroke - تلغي القيمة العامة candlestick.fallingColor.stroke لهذه السلسلة.
  • fallingColor.strokeWidth - لإلغاء قيمة candlestick.fallingColor.strokeWidth العامة لهذه السلسلة
  • labelInLegend - وصف السلسلة المطلوب ظهوره في وسيلة إيضاح الرسم البياني.
  • risingColor.fill - لإلغاء قيمة candlestick.risingColor.fill العامة لهذه السلسلة
  • risingColor.stroke - تلغي القيمة العامة candlestick.risingColor.stroke لهذه السلسلة.
  • risingColor.strokeWidth - تلغي القيمة العامة candlestick.risingColor.strokeWidth لهذه السلسلة.
  • targetAxisIndex - المحور الذي سيتمّ إسناد هذه السلسلة إليه، حيث يكون 0 هو محور الأساس، و1 هو المحور المقابل. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّ السلسلة يجب أن تحتوي على إدخال وسيلة إيضاح، في حين تعني false أنه لا يجب أن تتضمن السلسلة. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يكون لكل فرع مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان عن أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

هذا الخيار متاح فقط للمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto

خيارات ضبط الرسم البياني العمودي

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
تلقائي: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: في حال توفّر، يرسم حدًا حول منطقة الرسم البياني بالعرض المحدّد (وبلون stroke).
النوع: stringأو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
القيمة التلقائية: -1
hAxis.logScale

سمة hAxis تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب أن تكون جميع القيم موجبة). عليك الضبط على true للإجابة بنعم.

هذا الخيار متاح فقط لمحور continuous.

النوع: boolean
القيمة التلقائية: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة، سيكون متجهًا لليمين في معظم الرسومات البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة x للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

تنقل هذه السمة الحد الأدنى للمحور الأفقي إلى القيمة المحدّدة، وسيتم نقلها إلى اليسار في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة x للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
isStacked

في حال ضبطها على true، يتم تجميع عناصر جميع السلاسل في كل قيمة نطاق. ملاحظة: في الرسوم البيانية العمودية و المساحية و SteppedArea، تعكس "رسومات Google البيانية" ترتيب عناصر الخريطة البيانية لمطابقة تجميع عناصر السلسلة بشكل أفضل (على سبيل المثال، ستكون السلسلة 0 هي عنصر الخريطة البيانية في أسفل الصفحة). لا ينطبق هذا على "الرسوم البيانية" Bar.

يتيح الخيار isStacked أيضًا التجميع بنسبة% 100، حيث تتم إعادة قياس حِزم العناصر في كل قيمة نطاق لتصبح %100.

في ما يلي خيارات isStacked:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true - تجميع عناصر جميع السلاسل في كل قيمة نطاق
  • 'percent' - تُجمِّع العناصر لجميع السلاسل في كل قيمة نطاق، و تعيد قياسها بحيث تضيف ما يصل إلى %100، مع احتساب قيمة كل عنصر على أنّه نسبة مئوية من %100.
  • 'relative' — يكدّس العناصر لكل السلسلة في كل قيمة في النطاق ويعيد قياسها بحيث يزيد مجموعها عن 1، مع احتساب قيمة كل عنصر على أنها كسر من 1.
  • ‫'absolute': تعمل مثل الدالة isStacked: true.

في حالة التجميع بنسبة% 100، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد قيمته الفعلية.

سيتم ضبط المحور المستهدَف تلقائيًا على قيم علامات الدرجة استنادًا إلى المقياس النسبي من 0 إلى 1 كأجزاء من 1 لـ 'relative'، ومن 0 إلى% 100 لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم عرض قيم المحور/علامات الدرجة كنسب مئوية، ولكن القيم الفعلية هي قيم المقياس النسبي من 0 إلى 1. ويعود السبب في ذلك إلى أنّ علامات محور النسبة المئوية هي نتيجة تطبيق تنسيق "‎#.##%" على قيم المقياس النسبي من 0 إلى 1. عند استخدام isStacked: 'percent'، احرص على تحديد أي علامات/خطوط شبكة باستخدام قيم المقياس النسبي من 0 إلى 1). يمكنك تخصيص قيم خطوط الشبكة أو علامات التجزئة وتنسيقها باستخدام خيارات hAxis/vAxis المناسبة.

لا تتيح ميزة التجميع بنسبة% 100 سوى قيم البيانات من النوع number، ويجب أن يكون لها أساس صفر.

النوع: boolean/string
القيمة التلقائية: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

لا يتوفّر هذا الخيار إلا لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

مصفوفة من العناصر، يصف كلّ منها تنسيق السلسلة المقابلة في الرسم البياني لاستخدام القيم التلقائية لمجموعة، حدِّد عنصرًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، سيتم استخدام القيمة الشاملة. ويوفّر كل كائن السمات التالية:

  • ‫annotations: عنصر ليتم تطبيقه على التعليقات التوضيحية لهذه السلسلة. يمكن استخدام هذه القيمة للتحكّم، على سبيل المثال، في textStyle للسلسلة: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    اطّلِع على خيارات annotations المختلفة للحصول على قائمة أكثر اكتمالاً بما يمكن تخصيصه.

  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة ألوان HTML صالحة.
  • labelInLegend: وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني
  • targetAxisIndex - المحور الذي سيتمّ إسناد هذه السلسلة إليه، حيث يكون 0 هو محور الأساس، و1 هو المحور المقابل. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف للأعمدة المختلفة.

يمكنك تحديد مصفوفة من العناصر، ينطبق كلّ منها على السلسلة بالترتيب المحدّد، أو يمكنك تحديد عنصر يتضمّن كلّ عنصر فرعي مفتاحًا رقميًا يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
خطوط المؤشرات

تعرِض الخطوط البيانية التراكمية في الرسوم البيانية التي تتيح ذلك. يتم تلقائيًا استخدام linear خطوط المؤشرات ، ولكن يمكن تخصيص ذلك باستخدام الخيار trendlines.n.type.

يتم تحديد خطوط الاتجاه على أساس كل سلسلة، لذا ستبدو الخيارات في معظم الأحيان على النحو التالي: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
النوع: object
القيمة التلقائية: null
trendlines.n.color

لون خطّ الاتجاه ، الذي يتم التعبير عنه إما باسم لون باللغة الإنجليزية أو سلسلة سداسية عشرية

النوع: string
تلقائي: لون السلسلة التلقائي
trendlines.n.degree

بالنسبة إلى الخطوط المتّجه من type: 'polynomial'، تكون درجة كثير الحدود (2 لخط اتجاه رباعي، و3 لخط اتجاه ثلاثي، وما إلى ذلك).

النوع: number
تلقائي: 3
trendlines.n.labelInLegend

في حال ضبطه، سيظهر خط الميل في التسمية التوضيحية بهذه السلسلة.

النوع: string
تلقائي: null
trendlines.n.lineWidth

عرض خط خطّ المؤشرات، بالبكسل

النوع: number
القيمة التلقائية: 2
trendlines.n.type

ما إذا كانت الخطوط البيانية للمؤشرات هي 'linear' (الإعداد التلقائي) أو 'exponential' أو 'polynomial'

النوع: string
القيمة التلقائية: linear
trendlines.n.visibleInLegend

ما إذا كانت معادلة خط الاتجاه تظهر في وسيلة الإيضاح. سيظهر في تلميح خط الاتجاه.

النوع: boolean
القيمة التلقائية: false
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto

خيارات ضبط الرسم البياني المجمّع

الاسم
areaOpacity

تمثّل هذه السمة التعتيم التلقائي للمنطقة الملونة ضمن سلسلة الرسم البياني المساحي، حيث تكون 0.0 شفافة بالكامل وتكون 1.0 معتمة تمامًا. لتحديد مستوى الشفافية لسلسلة فردية، اضبط القيمة areaOpacity في السمة series.

النوع: number و0.0- 1.0
تلقائي: 0.3
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
تلقائي: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
curveType

تتحكّم هذه السمة في منحنى الخطوط عندما لا يكون عرض الخط صفرًا. يمكن أن يكون أحد القيم التالية:

  • 'none' - خطوط مستقيمة بدون منحنيات
  • 'function' - سيتم تخفيف زوايا الخط.
النوع:string
الإعداد التلقائي: "none"
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

هذا الخيار متاح فقط للمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
القيمة التلقائية: -1
hAxis.logScale

سمة hAxis تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب أن تكون جميع القيم موجبة). عليك الضبط على true للإجابة بنعم.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: boolean
القيمة التلقائية: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة، سيكون متجهًا لليمين في معظم الرسومات البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة x للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

تنقل هذه السمة الحد الأدنى للمحور الأفقي إلى القيمة المحدّدة، وسيتم نقلها إلى اليسار في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة x للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
interpolateNulls

ما إذا كان يجب تخمين قيمة النقاط غير المتوفّرة إذا كان true، سيتم تخمين قيمة أي بيانات غير متوفّرة استنادًا إلى النقاط المجاورة. إذا كان false، سيتم ترك فاصل في الخط عند النقطة غير المعروفة.

هذا لا يتوافق مع الرسوم البيانية المساحية التي تستخدم الخيار isStacked: true/'percent'/'relative'/'absolute'.

النوع: boolean
القيمة التلقائية: false
isStacked

في حال ضبطها على true، يتم تجميع عناصر جميع السلاسل في كل قيمة نطاق. ملاحظة: في الرسوم البيانية العمودية و المساحية و SteppedArea، تعكس "رسومات Google البيانية" ترتيب عناصر الخريطة البيانية لمطابقة تجميع عناصر السلسلة بشكل أفضل (على سبيل المثال، ستكون السلسلة 0 هي عنصر الخريطة البيانية في أسفل الصفحة). لا ينطبق هذا على "الرسوم البيانية" Bar.

يتيح الخيار isStacked أيضًا التجميع بنسبة% 100، حيث تتم إعادة قياس حِزم العناصر في كل قيمة نطاق لتصبح %100.

في ما يلي خيارات isStacked:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true - تجميع عناصر جميع السلاسل في كل قيمة نطاق
  • 'percent' - تُجمِّع العناصر لجميع السلاسل في كل قيمة نطاق، و تعيد قياسها بحيث تضيف ما يصل إلى %100، مع احتساب قيمة كل عنصر على أنّه نسبة مئوية من %100.
  • 'relative' — يكدّس العناصر لكل السلسلة في كل قيمة في النطاق ويعيد قياسها بحيث يزيد مجموعها عن 1، مع احتساب قيمة كل عنصر على أنها كسر من 1.
  • ‫'absolute': تعمل مثل الدالة isStacked: true.

في حالة التجميع بنسبة% 100، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد قيمته الفعلية.

سيتم ضبط المحور المستهدَف تلقائيًا على قيم علامات الدرجة استنادًا إلى المقياس النسبي من 0 إلى 1 كأجزاء من 1 لـ 'relative'، ومن 0 إلى% 100 لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم عرض قيم المحور/علامات الدرجة كنسب مئوية، ولكن القيم الفعلية هي قيم المقياس النسبي من 0 إلى 1. ويعود السبب في ذلك إلى أنّ علامات محور النسبة المئوية هي نتيجة تطبيق تنسيق "‎#.##%" على قيم المقياس النسبي من 0 إلى 1. عند استخدام isStacked: 'percent'، احرص على تحديد أي علامات/خطوط شبكة باستخدام قيم المقياس النسبي من 0 إلى 1). يمكنك تخصيص قيم خطوط الشبكة أو علامات التجزئة وتنسيقها باستخدام خيارات hAxis/vAxis المناسبة.

لا تتيح ميزة التجميع بنسبة% 100 سوى قيم البيانات من النوع number، ويجب أن يكون لها أساس صفر.

النوع: boolean/string
القيمة التلقائية: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

عرض خط البيانات بالبكسل استخدِم الصفر لإخفاء جميع الخطوط وعرض النقاط فقط. يمكنك إلغاء القيم لسلاسل فردية باستخدام سمة series.

النوع: number
القيمة التلقائية: 2
pointShape

شكل عناصر البيانات الفردية: 'circle' أو 'triangle' أو 'square' أو 'diamond' أو 'star' أو 'polygon' يمكنك الاطّلاع على مستندات النقاط للحصول على أمثلة.

النوع: string
تلقائي: 'circle'
pointSize

قطر النقاط المعروضة بالبكسل استخدِم القيمة صفر لإخفاء جميع النقاط. يمكنك إلغاء القيم لسلسلة فردية باستخدام السمة series. إذا كنت تستخدم خطّ اتجاه، سيؤثّر الخيار pointSize في عرض خطّ الاتجاه ما لم تلغيه باستخدام الخيار trendlines.n.pointsize.

النوع: number
تلقائي: 0
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

لا يتوفّر هذا الخيار إلا لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

يشير ذلك المصطلح إلى مصفوفة من العناصر يصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. لاستخدام القيم التلقائية لمجموعة، حدِّد عنصرًا فارغًا {}. في حال عدم تحديد سلسلة أو قيمة، سيتم استخدام القيمة الشاملة. يتيح كل عنصر السمات التالية:

  • ‫annotations: عنصر ليتم تطبيقه على التعليقات التوضيحية لهذه السلسلة. يمكن استخدام هذه القيمة للتحكّم، على سبيل المثال، في textStyle للسلسلة: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    اطّلِع على خيارات annotations المختلفة للحصول على قائمة أكثر شمولاً بالعناصر التي يمكن تخصيصها.

  • ‫areaOpacity - تلغي القيمة الكلية areaOpacity لهذه السلسلة.
  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة ألوان HTML صالحة.
  • curveType - تلغي القيمة الشاملة curveType لهذه السلسلة.
  • fallingColor.fill - لإلغاء قيمة candlestick.fallingColor.fill العامة لهذه السلسلة
  • fallingColor.stroke - تلغي القيمة العامة candlestick.fallingColor.stroke لهذه السلسلة.
  • fallingColor.strokeWidth - لإلغاء قيمة candlestick.fallingColor.strokeWidth العامة لهذه السلسلة
  • labelInLegend: وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني
  • lineDashStyle - لإلغاء قيمة lineDashStyle العامة لهذه السلسلة
  • lineWidth - تلغي القيمة الشاملة lineWidth لهذه السلسلة.
  • pointShape - تلغي القيمة الشاملة pointShape لهذه السلسلة.
  • pointSize - تلغي القيمة الشاملة pointSize لهذه السلسلة.
  • pointsVisible - لإلغاء قيمة pointsVisible العامة لهذه السلسلة
  • risingColor.fill - لإلغاء قيمة candlestick.risingColor.fill العامة لهذه السلسلة
  • risingColor.stroke - تلغي القيمة العامة candlestick.risingColor.stroke لهذه السلسلة.
  • risingColor.strokeWidth - تلغي القيمة العامة candlestick.risingColor.strokeWidth لهذه السلسلة.
  • targetAxisIndex - المحور الذي سيتمّ إسناد هذه السلسلة إليه، حيث يكون 0 هو محور الأساس، و1 هو المحور المقابل. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف للأعمدة المختلفة.
  • ‫type: نوع العلامة لهذه السلسلة. القيم الصالحة هي "خط" و"منطقة" 'أشرطة" و"منطقة متدرّجة". تجدر الإشارة إلى أنّ الأشرطة هي في الواقع أشرطة عمودية (أعمدة). يتم تحديد القيمة التلقائية من خلال خيار seriesType للرسم البياني.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّ السلسلة يجب أن تحتوي على إدخال وسيلة إيضاح، في حين تعني false أنه لا يجب أن تتضمن السلسلة. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يكون لكل فرع مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان عن أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto

خيارات ضبط المقياس

الاسم
greenColor

اللون الذي سيتم استخدامه للقسم الأخضر في رمز ألوان HTML.

النوع: string
القيمة التلقائية: '#109618'
greenFrom

أدنى قيمة لنطاق تم وضع علامة عليه باللون الأخضر.

النوع: number
الإعداد التلقائي: بدون ضبط
greenTo

أعلى قيمة لنطاق تم وضع علامة عليه باللون الأخضر.

النوع: number
تلقائي: بدون
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
الإعداد التلقائي: عرض الحاوية
الحد الأقصى

الحد الأقصى للقيمة المعروضة على محور Y إذا تجاوزت نقطة البيانات القصوى هذه القيمة، يتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لعرض علامة التبويب الرئيسية التالية فوق نقطة البيانات القصوى. وتحظى بالأولوية على الحد الأقصى للمحور "ص" الذي تحدّده السمة scaleType.

وهذا مشابه للسمة maxValue في الرسومات البيانية الأساسية.

النوع: number
الإعداد التلقائي: تلقائي
دقيقة

الحد الأدنى للقيمة المعروضة على محور Y إذا كانت أدنى نقطة بيانات أقل من هذه القيمة، يتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لعرض علامة علامة التبويب الرئيسية التالية أسفل أدنى نقطة بيانات. وتكون الأولوية لهذا على الحدّ الأدنى للمحور "ص" الذي تحدّده السمة scaleType.

يشبه ذلك minValue في الرسوم البيانية الأساسية.

النوع: number
تلقائي: تلقائي
redColor

اللون الذي سيتم استخدامه للقسم الأحمر في رمز لون HTML.

النوع: string
القيمة التلقائية: '#DC3912'
redFrom

أدنى قيمة لنطاق تم وضع علامة عليه باللون الأحمر.

النوع: number
تلقائي: بدون
redTo

أعلى قيمة لنطاق تم وضع علامة عليه باللون الأحمر.

النوع: number
الإعداد التلقائي: بدون ضبط
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض الحاوية
yellowColor

اللون الذي سيتم استخدامه للقسم الأصفر في رمز ألوان HTML.

النوع: string
القيمة التلقائية: '#FF9900'
yellowFrom

أدنى قيمة لنطاق تم وضع علامة عليه باللون الأصفر.

النوع: number
الإعداد التلقائي: بدون ضبط
yellowTo

أعلى قيمة لنطاق تم وضع علامة عليه باللون الأصفر.

النوع: number
الإعداد التلقائي: بدون ضبط

خيارات ضبط الرسم البياني الجغرافي

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
القيمة التلقائية: 'white'
datalessRegionColor

اللون الذي تريد تخصيصه للمناطق التي لا تحتوي على بيانات مرتبطة بها.

النوع: string
القيمة التلقائية: '#F5F5F5'
defaultColor

اللون الذي سيتم استخدامه لنقاط البيانات في رسم بياني جغرافي عندما يكون الموقع الجغرافي (على سبيل المثال، 'US' ) متوفّرة ولكن القيمة هي null أو غير محدّدة. يختلف هذا اللون عن datalessRegionColor، وهو اللون المستخدَم عند عدم توفّر البيانات.

النوع: string
القيمة التلقائية: '#267114'
displayMode

نوع الرسم البياني الجغرافي. يجب أن يتطابق تنسيق DataTable مع القيمة المحدّدة. في ما يلي القيم المسموح بها:

  • 'auto' - اختَر استنادًا إلى تنسيق DataTable.
  • 'regions' - تلوين المناطق في الرسم البياني الجغرافي.
  • 'markers' - علامات وضع العلامات على المناطق
  • 'text' - تصنيف المناطق باستخدام نص من DataTable
النوع: string
تلقائي: "تلقائي"
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
المنطقة

المنطقة المطلوب عرضها على الرسم البياني الجغرافي ويتم أيضًا عرض المناطق المحيطة. يمكن أن يكون أحد القيم التالية:

  • 'world' - خريطة جغرافية للعالم بأكمله
  • قارة أو قارة فرعية، يتم تحديدها من خلال رمزها المكوّن من 3 أرقام، على سبيل المثال: '011' لغرب أفريقيا
  • بلد يتم تحديده باستخدام رمز ISO 3166-1 alpha-2، مثل 'AU' لأستراليا.
  • ولاية في الولايات المتحدة، يتم تحديدها من خلال رمزها ISO 3166-2:US، على سبيل المثال: 'US-AL' في ألاباما يُرجى العِلم أنّه يجب ضبط الخيار resolution على 'provinces' أو 'metros'.
النوع: string
الإعداد التلقائي: "world"
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط المخطّط البياني للمدرّج التكراري

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
تلقائي: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: في حال توفّر، يرسم حدًا حول منطقة الرسم البياني بالعرض المحدّد (وبلون stroke).
النوع: string أو object/div>
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
القيمة التلقائية: 1
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
histogram.bucketSize

أدخِل حجم كل شريط مدرج تكراري بشكل ثابت، بدلاً من تحديده آليًا.

النوع: number
الإعداد التلقائي: تلقائي
histogram.hideBucketItems

احذف التقسيمات الرقيقة بين كتل المدرّج التكراري، ما يؤدّي إلى تحويله إلى سلسلة من الأشرطة الصلبة.

النوع: boolean
القيمة التلقائية: false
histogram.lastBucketPercentile

عند احتساب حجم الحزمة في الرسم البياني الشريطي، عليك تجاهل القمة والقاع lastBucketPercentile في المئة. ولا يزال يتم تضمين القيم في المدرّج التكراري، ولكنها لا تؤثر في عملية تجميع القيم.

النوع: number
تلقائي: 0
interpolateNulls

ما إذا كان يجب تخمين قيمة النقاط غير المتوفّرة إذا كانت true، ستخمن قيمة أي بيانات غير متوفّرة بناءً على النقاط المجاورة. إذا كانت القيمة false، ستترك فاصلاً في السطر عند النقطة غير المعروفة.

هذا لا يتوافق مع الرسوم البيانية المساحية التي تستخدم الخيار isStacked: true/'percent'/'relative'/'absolute'.

النوع: boolean
القيمة التلقائية: false
isStacked

في حال ضبطها على true، يتم تجميع عناصر جميع السلاسل في كل قيمة نطاق. ملاحظة: في الرسوم البيانية العمودية والمنطقة وSteppedArea، تعكس "الرسوم البيانية" ترتيب عناصر وسيلة الإيضاح لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر الأدنى في وسيلة الإيضاح). لا ينطبق ذلك على الرسوم البيانية الشريطية.

يتيح الخيار isStacked أيضًا التجميع بنسبة% 100، حيث تتم إعادة قياس حِزم العناصر في كل قيمة نطاق لتصبح %100.

في ما يلي خيارات isStacked:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true - تجميع عناصر جميع السلاسل في كل قيمة نطاق
  • 'percent' - تُجمِّع العناصر لجميع السلاسل في كل قيمة نطاق، و تعيد قياسها بحيث تضيف ما يصل إلى %100، مع احتساب قيمة كل عنصر على أنّه نسبة مئوية من %100.
  • 'relative' — يكدّس العناصر لكل السلسلة في كل قيمة في النطاق ويعيد قياسها بحيث يزيد مجموعها عن 1، مع احتساب قيمة كل عنصر على أنها كسر من 1.
  • ‫'absolute': تعمل مثل الدالة isStacked: true.

في حالة التجميع بنسبة% 100، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد قيمته الفعلية.

سيتم ضبط المحور المستهدَف تلقائيًا على قيم علامات الدرجة استنادًا إلى المقياس النسبي من 0 إلى 1 كأجزاء من 1 لـ 'relative'، ومن 0 إلى% 100 لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم عرض قيم المحور/علامات الدرجة كنسب مئوية، ولكن القيم الفعلية هي قيم المقياس النسبي من 0 إلى 1. ويعود السبب في ذلك إلى أنّ علامات محور النسبة المئوية هي نتيجة تطبيق تنسيق "‎#.##%" على قيم المقياس النسبي من 0 إلى 1. عند استخدام isStacked: 'percent'، احرص على تحديد أي علامات/خطوط شبكة باستخدام قيم المقياس النسبي من 0 إلى 1). يمكنك تخصيص قيم خطوط الشبكة أو علامات التجزئة وتنسيقها باستخدام خيارات hAxis/vAxis المناسبة.

لا تتيح ميزة التجميع بنسبة% 100 سوى قيم البيانات من النوع number، ويجب أن يكون لها أساس صفر.

النوع: boolean/string
القيمة التلقائية: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

لا يتوفّر هذا الخيار إلا لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

مصفوفة من العناصر، يصف كلّ منها تنسيق السلسلة المقابلة في الرسم البياني لاستخدام القيم التلقائية لمجموعة، حدِّد عنصرًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، سيتم استخدام القيمة الشاملة. يتيح كل عنصر السمات التالية:

  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة ألوان HTML صالحة.
  • labelInLegend: وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني
  • targetAxisIndex - المحور الذي سيتمّ إسناد هذه السلسلة إليه، حيث يكون 0 هو محور الأساس، و1 هو المحور المقابل. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف للأعمدة المختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّ السلسلة يجب أن تحتوي على إدخال وسيلة إيضاح، في حين تعني false أنه لا يجب أن تتضمن السلسلة. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من العناصر، ينطبق كلّ منها على السلسلة بالترتيب المحدّد، أو يمكنك تحديد عنصر يتضمّن كلّ عنصر فرعي مفتاحًا رقميًا يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

هذا الخيار متاح فقط للمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط الرسم البياني الخطي

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
تلقائي: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
curveType

تتحكّم هذه السمة في منحنى الخطوط عندما لا يكون عرض الخط صفرًا. يمكن أن يكون أحد القيم التالية:

  • 'none' - خطوط مستقيمة بدون منحنيات
  • 'function' - سيتم تلطيف زوايا الخط.
النوع: string
تلقائي: 'بلا'
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

هذا الخيار متاح فقط للمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
القيمة التلقائية: -1
hAxis.logScale

سمة hAxis تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب أن تكون جميع القيم موجبة). عليك الضبط على true للإجابة بنعم.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: boolean
القيمة التلقائية: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة، سيكون متجهًا لليمين في معظم الرسومات البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة x للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع:string
تلقائي: مزيج من ألوان خط الشبكة والخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

تنقل هذه السمة الحد الأدنى للمحور الأفقي إلى القيمة المحدّدة، وسيتم نقلها إلى اليسار في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة x للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
interpolateNulls

تحديد ما إذا كان يمكن تخمين قيمة النقاط المفقودة. إذا كان true، سيتم تخمين قيمة أي بيانات غير متوفّرة استنادًا إلى النقاط المجاورة. إذا كان false، سيتم ترك فاصل في الخط عند النقطة غير المعروفة.

لا تتيح رسوم بيانية المنطقة استخدام الخيار isStacked: true/'percent'/'relative'/'absolute'.

النوع: boolean
القيمة التلقائية: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

عرض خط البيانات بالبكسل استخدِم الصفر لإخفاء جميع الخطوط وعرض النقاط فقط. يمكنك إلغاء القيم لسلاسل فردية باستخدام سمة series.

النوع: number
القيمة التلقائية: 2
pointShape

شكل عناصر البيانات الفردية: 'circle' أو 'triangle' أو 'square' أو 'diamond' أو 'star' أو 'polygon' يمكنك الاطّلاع على مستندات النقاط للحصول على أمثلة.

النوع: string
تلقائي: 'circle'
pointSize

قطر النقاط المعروضة بالبكسل استخدِم صفرًا لإخفاء جميع النقاط. يمكنك إلغاء القيم لسلسلة فردية باستخدام السمة series. إذا كنت تستخدم خطّ اتجاه، سيؤثّر الخيار pointSize في عرض خطّ الاتجاه ما لم تلغيه باستخدام الخيار trendlines.n.pointsize.

النوع: number
تلقائي: 0
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

هذا الخيار متاح فقط لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

يشير ذلك المصطلح إلى مصفوفة من العناصر يصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. لاستخدام القيم التلقائية لمجموعة، حدِّد عنصرًا فارغًا {}. في حال عدم تحديد سلسلة أو قيمة، سيتم استخدام القيمة الشاملة. يتيح كل عنصر السمات التالية:

  • ‫annotations: عنصر ليتم تطبيقه على التعليقات التوضيحية لهذه السلسلة. يمكن استخدام هذه القيمة للتحكّم، على سبيل المثال، في textStyle للسلسلة: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    اطّلِع على خيارات annotations المختلفة للحصول على قائمة أكثر شمولاً بالعناصر التي يمكن تخصيصها.

  • ‫type: نوع العلامة لهذه السلسلة. القيم الصالحة هي "خط" و"منطقة" و"أشرطة" و"منطقة متدرّجة". تجدر الإشارة إلى أنّ الأشرطة هي في الواقع أشرطة عمودية (أعمدة). يتم تحديد القيمة التلقائية من خلال خيار seriesType للرسم البياني.
  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة ألوان HTML صالحة.
  • curveType - تلغي القيمة الشاملة curveType لهذه السلسلة.
  • labelInLegend: وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني
  • lineDashStyle - لإلغاء قيمة lineDashStyle العامة لهذه السلسلة
  • lineWidth - تلغي القيمة الشاملة lineWidth لهذه السلسلة.
  • pointShape - تلغي القيمة الشاملة pointShape لهذه السلسلة.
  • pointSize - تلغي القيمة الشاملة pointSize لهذه السلسلة.
  • pointsVisible - تلغي القيمة الشاملة pointsVisible لهذه السلسلة.
  • targetAxisIndex - المحور الذي سيتمّ إسناد هذه السلسلة إليه، حيث يكون 0 هو محور الأساس، و1 هو المحور المقابل. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف للأعمدة المختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّ السلسلة يجب أن تحتوي على إدخال وسيلة إيضاح، في حين تعني false أنه لا يجب أن تتضمن السلسلة. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يكون لكل فرع مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان عن أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
خطوط المؤشرات

تعرِض الخطوط البيانية التراكمية على الرسوم البيانية التي تتيح ذلك. يتم تلقائيًا استخدام linear خطوط المؤشرات ، ولكن يمكن تخصيص ذلك باستخدام الخيار trendlines.n.type.

يتم تحديد خطوط الاتجاه على أساس كل سلسلة، لذا ستبدو الخيارات في معظم الأحيان على النحو التالي: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
النوع: object
القيمة التلقائية: null
trendlines.n.color

لون خطّ الاتجاه ، الذي يتم التعبير عنه إما باسم لون باللغة الإنجليزية أو سلسلة سداسية عشرية

النوع: string
تلقائي: لون السلسلة التلقائي
trendlines.n.degree

بالنسبة إلى خطوط الاتجاه type: 'polynomial'، درجة متعدد الحدود (2 للخطوط التربيعية و3 للتكعيب، وما إلى ذلك).

النوع: number
تلقائي: 3
trendlines.n.labelInLegend

في حال ضبطه، سيظهر خط الميل في التسمية التوضيحية بهذه السلسلة.

النوع: string
تلقائي: null
trendlines.n.lineWidth

عرض خط خطّ المؤشرات ، بالبكسل

النوع: number
القيمة التلقائية: 2
trendlines.n.type

تحدّد هذه السمة ما إذا كانت خطوط الاتجاه هي 'linear' (القيمة التلقائية) أو 'exponential' أو 'polynomial'.

النوع: string
القيمة التلقائية: linear
trendlines.n.visibleInLegend

ما إذا كانت معادلة خطّ الاتجاه ستظهر في التسمية التوضيحية سيظهر في تلميح خط الاتجاه.

النوع: boolean
القيمة التلقائية: false
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto

خيارات ضبط الرسم البياني الهيكلي

الاسم
اللون

لون خلفية عناصر مخطّط الهيكل التنظيمي

النوع: string
القيمة التلقائية: '#edf7ff'
selectionColor

لون خلفية عناصر مخطّط الهيكل التنظيمي المحدّدة

النوع: string
القيمة التلقائية: '#d6e9f8'
الحجم

الحجم الإجمالي للرسم البياني. وتتضمّن الخيارات 'small' أو 'medium' أو 'large'.

النوع: string
القيمة التلقائية: 'medium'

خيارات ضبط الرسم البياني الدائري

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
تلقائي: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
is3D

إذا كان true، يتم عرض رسم بياني ثلاثي الأبعاد.

النوع: boolean
القيمة التلقائية: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

إذا كان عدد الساعات بين 0 و1، يتم عرض رسم بياني دائري مجوف. يكون لقرص الفتحة نصف قطر يساوي number مضروبًا في نصف قطر الرسم البياني.

النوع: number
القيمة التلقائية: 0
pieSliceBorderColor

لون حدود الشريحة لا ينطبق ذلك إلا عندما يكون الرسم البياني ثنائي الأبعاد.

النوع: string
القيمة التلقائية: 'white'
pieSliceText

محتوى النص المعروض على الشريحة يمكن أن تكون الحالة واحدة مما يلي:

  • 'percentage' - النسبة المئوية لحجم الشريحة من الإجمالي
  • 'value': القيمة الكميّة للشريحة
  • 'label' - اسم الشريحة
  • 'none' - لا يتم عرض أي نص.
النوع: string
تلقائي: 'percentage'
pieSliceTextStyle

عنصر يحدّد تنسيق نص الشريحة يكون للكائن التنسيق التالي:

{color: <string>, fontName: <string>, fontSize: <number>}

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

هذا الخيار متاح فقط لمحور discrete major.

النوع: boolean
القيمة التلقائية: false
slices.color

اللون المستخدَم في هذا المقطع

النوع: string
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

خيارات ضبط الرسم البياني للنقاط المتفرقة

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML.

النوع:string
القيمة التلقائية: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
curveType

تتحكّم هذه السمة في منحنى الخطوط عندما لا يكون عرض الخط صفرًا. يمكن أن يكون أحد القيم التالية:

  • 'none' - خطوط مستقيمة بدون منحنيات
  • 'function' - سيتم تخفيف زوايا الخط.
النوع:string
الإعداد التلقائي: "none"
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

عنصر يتضمّن سمات لضبط خطوط الشبكة على المحور الأفقي يُرجى العلم أنّ خطوط الشبكة للمحور الأفقي يتم رسمها عموديًا. لتحديد سمات هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لعدم رسم أيّ خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
القيمة التلقائية: -1
hAxis.logScale

سمة hAxis تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب أن تكون جميع القيم موجبة). عليك الضبط على true للإجابة بنعم.

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: boolean
القيمة التلقائية: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة، سيكون متجهًا لليمين في معظم الرسومات البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة x للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

هذا الخيار متاح فقط للمحور continuous.

النوع: object
القيمة التلقائية: null
hAxis.minorGridlines.color

لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن بالكامل على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (راجِع hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

تنقل هذه السمة الحد الأدنى للمحور الأفقي إلى القيمة المحدّدة، وسيتم نقلها إلى اليسار في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة x للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يمين الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top'- أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

عرض خط البيانات بالبكسل استخدِم الصفر لإخفاء جميع الخطوط وعرض النقاط فقط. يمكنك إلغاء القيم لسلاسل فردية باستخدام سمة series.

النوع: number
القيمة التلقائية: 2
pointShape

شكل عناصر البيانات الفردية: 'circle' أو 'triangle' أو 'square' أو 'diamond' أو 'star' أو 'polygon' يمكنك الاطّلاع على مستندات النقاط للحصول على أمثلة.

النوع: string
تلقائي: 'circle'
pointSize

قطر النقاط المعروضة بالبكسل استخدِم القيمة صفر لإخفاء جميع النقاط. يمكنك إلغاء القيم لسلسلة فردية باستخدام السمة series. إذا كنت تستخدم خطًا مؤشرات، سيؤثّر الخيار pointSize في عرض خط الاتجاه ما لم يتم تجاوزه باستخدام الخيار trendlines.n.pointsize.

النوع: number
القيمة التلقائية: 0
السلسلة

يشير ذلك المصطلح إلى مصفوفة من العناصر يصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. لاستخدام القيم التلقائية لمجموعة، حدِّد عنصرًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، سيتم استخدام القيمة العامة. يتيح كل عنصر السمات التالية:

  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة ألوان HTML صالحة.
  • labelInLegend: وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني
  • lineWidth - تلغي القيمة الشاملة lineWidth لهذه السلسلة.
  • pointShape - تلغي القيمة الشاملة pointShape لهذه السلسلة.
  • pointSize - تلغي القيمة الشاملة pointSize لهذه السلسلة.
  • pointsVisible - تلغي القيمة الشاملة pointsVisible لهذه السلسلة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّه يجب أن يحتوي الرسم البياني على إدخال في التعليق التوضيحي، وتعني false أنّه لا يجب أن يحتوي على إدخال في التعليق التوضيحي. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من العناصر، ينطبق كلّ منها على السلسلة بالترتيب المحدّد، أو يمكنك تحديد عنصر يتضمّن كلّ عنصر فرعي مفتاحًا رقميًا يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
خطوط المؤشرات

تعرِض الخطوط البيانية التراكمية في الرسوم البيانية التي تتيح ذلك. يتم تلقائيًا استخدام linear خطوط المؤشرات ، ولكن يمكن تخصيص ذلك باستخدام الخيار trendlines.n.type.

يتم تحديد خطوط الاتجاه على أساس كل سلسلة، لذا ستبدو الخيارات في معظم الأحيان على النحو التالي: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
النوع: object
القيمة التلقائية: null
trendlines.n.color

لون خطّ الاتجاه ، الذي يتم التعبير عنه إما باسم لون باللغة الإنجليزية أو سلسلة سداسية عشرية

النوع: string
تلقائي: لون السلسلة التلقائي
trendlines.n.degree

بالنسبة إلى خطوط الاتجاه type: 'polynomial'، درجة متعدد الحدود (2 للخطوط التربيعية و3 للتكعيب، وما إلى ذلك).

النوع: number
تلقائي: 3
trendlines.n.labelInLegend

وفي حال ضبطها، سيظهر خط الاتجاه في وسيلة الإيضاح على شكل هذه السلسلة.

النوع: string
تلقائي: null
trendlines.n.lineWidth

عرض خط خط الاتجاه ، بالبكسل.

النوع: number
القيمة التلقائية: 2
trendlines.n.type

تحدّد هذه السمة ما إذا كانت خطوط الاتجاه هي 'linear' (القيمة التلقائية) أو 'exponential' أو 'polynomial'.

النوع: string
القيمة التلقائية: linear
trendlines.n.visibleInLegend

ما إذا كانت معادلة خطّ الاتجاه ستظهر في التسمية التوضيحية وسيظهر في تلميح خطّ المؤشر.

النوع: boolean
القيمة التلقائية: false
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

هذا الخيار متاح فقط للمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: تلقائي

خيارات ضبط الرسم البياني المساحي المدرّج

الاسم
areaOpacity

تمثّل هذه السمة التعتيم التلقائي للمنطقة الملونة ضمن سلسلة الرسم البياني المساحي، حيث تكون 0.0 شفافة بالكامل وتكون 1.0 معتمة تمامًا. لتحديد مستوى الشفافية لسلسلة فردية، اضبط القيمة areaOpacity في السمة series.

النوع: number و0.0- 1.0
تلقائي: 0.3
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، بتنسيق سلسلة ألوان HTML

النوع: string
تلقائي: 'white'
chartArea

عنصر يتضمّن عناصر لضبط موضع منطقة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحاور والأساطير). يتوفّر تنسيقان: رقم أو رقم متبوعًا بعلامة النسبة المئوية %. ويشير الرقم البسيط إلى قيمة بالبكسل، بينما يشير الرقم متبوعًا بعلامة النسبة المئوية % إلى نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
القيمة التلقائية: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون باللغة الإنجليزية. عند استخدام عنصر، يمكن تقديم السمات التالية:
  • stroke: اللون، المقدَّم كسلسلة سداسية عشرية أو اسم لون باللغة الإنجليزية
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
القيمة التلقائية: 'white'
chartArea.height

ارتفاع منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
chartArea.left

المسافة التي يجب رسم الرسم البياني منها من الحد الأيسر

النوع: number أو string
الإعداد التلقائي: auto
chartArea.top

المسافة التي يجب رسم الرسم البياني منها من الحد العلوي

النوع: number أو string
الإعداد التلقائي: auto
chartArea.width

عرض منطقة الرسم البياني

النوع: number أو string
الإعداد التلقائي: auto
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxis

عنصر يتضمّن عناصر لضبط عناصر المحور الأفقي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
القيمة التلقائية: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
hAxis.textPosition

موضع نص المحور الأفقي بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
hAxis.textStyle

عنصر يحدّد أسلوب نص المحور الأفقي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

سمة hAxis التي تحدّد عنوان المحور الأفقي

النوع: string
تلقائي: null
hAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور الأفقي يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

تحدِّد هذه السمة نطاق الاقتصاص للمحور الأفقي.

النوع: object
القيمة التلقائية: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها

يتم تجاهلها عندما يكون hAxis.viewWindowMode هو 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: auto
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
isStacked

في حال ضبطها على true، يتم تجميع عناصر جميع السلاسل في كل قيمة نطاق. ملاحظة: في الرسوم البيانية العمودية و المساحية و SteppedArea، تعكس "رسومات Google البيانية" ترتيب عناصر الخريطة البيانية لمطابقة تجميع عناصر السلسلة بشكل أفضل (على سبيل المثال، ستكون السلسلة 0 هي عنصر الخريطة البيانية في أسفل الصفحة). لا ينطبق هذا على "الرسوم البيانية" Bar.

ويتيح الخيار isStacked أيضًا استخدام التكديس بنسبة 100%، حيث تتم إعادة ضبط حزم العناصر في كل قيمة في النطاق لإضافة ما يصل إلى %100.

في ما يلي خيارات isStacked:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true - تجميع عناصر جميع السلاسل في كل قيمة نطاق
  • 'percent' - تُجمِّع العناصر لجميع السلاسل في كل قيمة نطاق، و تعيد قياسها بحيث تضيف ما يصل إلى %100، مع احتساب قيمة كل عنصر على أنّه نسبة مئوية من %100.
  • 'relative' — يكدّس العناصر لكل السلسلة في كل قيمة في النطاق ويعيد قياسها بحيث يزيد مجموعها عن 1، مع احتساب قيمة كل عنصر على أنها كسر من 1.
  • ‫'absolute': تعمل مثل الدالة isStacked: true.

في حالة التجميع بنسبة% 100، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد قيمته الفعلية.

سيتم ضبط المحور المستهدَف تلقائيًا على قيم علامات الدرجة استنادًا إلى المقياس النسبي من 0 إلى 1 كأجزاء من 1 لـ 'relative'، ومن 0 إلى% 100 لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم عرض قيم المحور/علامات الدرجة كنسب مئوية، ولكن القيم الفعلية هي قيم المقياس النسبي من 0 إلى 1. ويعود السبب في ذلك إلى أنّ علامات محور النسبة المئوية هي نتيجة تطبيق تنسيق "‎#.##%" على قيم المقياس النسبي من 0 إلى 1. عند استخدام isStacked: 'percent'، احرص على تحديد أي علامات/خطوط شبكة باستخدام قيم المقياس النسبي من 0 إلى 1). يمكنك تخصيص قيم خطوط الشبكة أو علامات التجزئة وتنسيقها باستخدام خيارات hAxis/vAxis المناسبة.

لا تتيح ميزة "التجميع بنسبة% 100" سوى قيم البيانات من النوع number، ويجب أن يكون لها أساس صفر.

النوع: boolean/ string
القيمة التلقائية: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
القيمة التلقائية: null
legend.position

موضع التسمية التوضيحية يمكن أن يكون أحد القيم التالية:

  • 'bottom' - أسفل الرسم البياني
  • 'left' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار targetAxisIndex: 1.
  • 'in' - داخل الرسم البياني، بجانب أعلى يمين الصفحة.
  • 'none' - لا يتم عرض أيّ وسيلة إيضاح.
  • 'right' - على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top' - أعلى الرسم البياني
النوع: string
القيمة التلقائية: 'right'
legendTextStyle

عنصر يحدّد أسلوب نص التسمية التوضيحية يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال ضبطه على true، يتم رسم السلسلة من اليمين إلى اليسار. الإعداد التلقائي هو الرسم من اليسار إلى اليمين.

هذا الخيار متاح فقط لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

مصفوفة من العناصر، يصف كلّ منها تنسيق السلسلة المقابلة في الرسم البياني لاستخدام القيم التلقائية لمجموعة، حدِّد عنصرًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، سيتم استخدام القيمة العامة. يتيح كل عنصر السمات التالية:

  • areaOpacity - لإلغاء areaOpacity العامة لهذه السلسلة
  • ‫color: اللون المراد استخدامه لهذه السلسلة حدِّد سلسلة لون HTML صالحة.
  • ‫type: نوع العلامة لهذه السلسلة. القيم الصالحة هي "خط" و"منطقة" 'أشرطة" و"منطقة متدرّجة". يُرجى العلم أنّ الأشرطة هي في الواقع أشرطة (أعمدة) عمودية. يتم تحديد القيمة التلقائية من خلال خيار seriesType للرسم البياني.
  • labelInLegend: وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني
  • lineDashStyle - تلغي القيمة الشاملة lineDashStyle لهذه السلسلة.
  • targetAxisIndex - المحور الذي سيتمّ إسناد هذه السلسلة إليه، حيث يكون 0 هو محور الأساس، و1 هو المحور المقابل. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّه يجب أن يحتوي الرسم البياني على إدخال في الشرح، وتعني false أنّه لا يجب أن يحتوي على إدخال في الشرح. القيمة التلقائية هي true.

يمكنك تحديد صفيف من العناصر، يسري كلّ منها على السلسلة بالترتيب المحدّد، أو يمكنك تحديد عنصر يتضمّن كلّ عنصر فرعي مفتاحًا رقميًا يشير إلى السلسلة التي ينطبق عليها.على سبيل المثال، البيانان التاليان متطابقان، ويُعرّف البيانان السلسلة الأولى بأنّها سوداء وغير متوفّرة في الأسطورة، والسلسلة الرابعة بأنّها حمراء وغير متوفّرة في الأسطورة: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو عنصر يتضمّن عناصر متداخلة
القيمة التلقائية: {}
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

الموضوع هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك أو تأثير مرئي محدّد في الرسم البياني. يتوفّر حاليًا مظهر واحد فقط:

  • 'maximized' - تكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تُحدِّد سمات للمحورَين الرأسيَين الفرديَين، إذا كان الرسم البياني يتضمّن محورَين رأسيَين متعدّدَين. كل عنصر فرعي هو عنصر vAxis، ويمكن أن يحتوي على كل السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على محاور عمودية متعدّدة، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يخصِّص المثال التالي السلسلة 2 للمحور الأيمن ويحدِّد عنوانًا مخصّصًا وأسلوبًا نصيًا له: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة إما عنصرًا أو مصفوفة: العنصر هو مجموعة من العناصر، ولكل منها تصنيف رقمي يحدّد المحور الذي يحدّده، وهذا هو التنسيق المعروض أعلاه. المصفوفة هي مصفوفة من العناصر، عنصر واحد لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
القيمة التلقائية: null
vAxis

عنصر يتضمّن عناصر لضبط عناصر المحور العمودي المختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
القيمة التلقائية: null
vAxis.direction

الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لقلب ترتيب القيم.

النوع: 1 أو -1
القيمة التلقائية: 1
vAxis.gridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة على المحور الرأسي يُرجى العلم أنّ خطوط الشبكة للمحور العمودي يتم رسمها أفقيًا. لتحديد سمات هذا العنصر، يمكنك استخدام أسلوب العنصر الثابت، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

لا يتوفّر هذا الخيار إلا لمحور continuous.

النوع: object
القيمة التلقائية: null
vAxis.gridlines.color

لون خطوط الشبكة العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
القيمة التلقائية: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل مساحة الرسم البياني إذا حدّدت رقمًا موجبًا لسمة gridlines.count، سيتم استخدامه لاحتساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، لاحتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى الخيارات الأخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كان true، يُحوّل المحور العمودي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
القيمة التلقائية: false
vAxis.maxValue

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
الإعداد التلقائي: تلقائي
vAxis.minorGridlines

عنصر يتضمّن عناصر لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار الخيار vAxis.gridlines

النوع: object
القيمة التلقائية: null
vAxis.minorGridlines.color

لون خطوط الشبكة الثانوية العمودية داخل منطقة الرسم البياني حدِّد سلسلة ألوان HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

تم إيقاف الخيار minorGridlines.count نهائيًا في معظم الحالات، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
القيمة التلقائية: 1
vAxis.minValue

تنقل هذه الدالة الحد الأدنى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأسفل في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أكبر من الحد الأدنى لقيمة y للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
القيمة التلقائية: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
القيمة التلقائية: 'out'
vAxis.textStyle

عنصر يحدّد تنسيق نص المحور العمودي يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
الإعداد التلقائي: بدون عنوان
vAxis.titleTextStyle

عنصر يحدّد نمط نص عنوان المحور العمودي يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

تحدِّد نطاق الاقتصاص للمحور العمودي.

النوع: object
القيمة التلقائية: null
vAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الرأسية المطلوب عرضها

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
vAxis.viewWindow.min

الحد الأدنى لقيمة البيانات العمودية المطلوب عرضها.

يتم تجاهلها عندما تكون vAxis.viewWindowMode "جميلة" أو "مكبّرة".

النوع: number
الإعداد التلقائي: auto
العرض

عرض الرسم البياني بالبكسل.

النوع: number
القيمة التلقائية: عرض العنصر الذي يحتوي على العنصر

خيارات ضبط الرسم البياني الجدولي

الاسم
alternatingRowStyle

لتحديد ما إذا كان سيتم تعيين نمط ألوان متناوب إلى الصفوف الفردية والزوجية.

النوع: boolean
تلقائي: true
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
صفحة

ما إذا كان من الممكن تفعيل التنقل بين صفحات البيانات وكيفية تفعيله اختَر إحدى قيم string التالية:

  • 'enable' - سيتضمّن الجدول زرَّي التقديم والرجوع في الصفحة سيؤدي النقر على هذه الأزرار إلى تنفيذ عملية الصفحات وتغيير الصفحة المعروضة. ننصحك أيضًا بضبط الخيار pageSize.
  • 'event' - سيتضمّن الجدول زرَّي التقديم والرجوع للصفحة، ولكن النقر عليهم سيؤدي إلى بدء حدث 'page' ولن يؤدي إلى تغيير الصفحة المعروضة. يجب استخدام هذا الخيار عندما تنفِّذ التعليمة البرمجية منطق لف الصفحات الخاص بها. راجِع مثال TableauWrapper للاطّلاع على مثال حول كيفية التعامل مع أحداث الترقيم يدويًا.
  • 'disable' - [الخيار التلقائي] لا يمكن استخدام ترقيم الصفحات.
    • النوع: string
    القيمة التلقائية: 'disable'
pageSize

عدد الصفوف في كل صفحة، عند تفعيل تقسيم الصفحات باستخدام خيار الصفحة

النوع: number
القيمة التلقائية: 10
showRowNumber

في حال ضبطه على true، يتم عرض رقم الصف كأول عمود في الجدول.

النوع: boolean
القيمة التلقائية: false
ترتيب

ما إذا كان سيتم ترتيب الأعمدة وكيفية ترتيبها عندما ينقر المستخدم على عنوان عمود في حال تفعيل الترتيب، ننصحك بضبط السمتَين sortAscending وsortColumn أيضًا. اختَر إحدى قیم string التالية:

  • 'enable' - [تلقائي] يمكن للمستخدمين النقر على رؤوس الأعمدة لترتيبها حسب العمود الذي تم النقر عليه. عندما ينقر المستخدمون على عنوان العمود، يتم ترتيب الصفوف تلقائيًا، ويتم بدء حدث 'sort'.
  • 'event' - عندما ينقر المستخدِمون على عنوان العمود، يتم بدء حدث 'sort'، ولكن لا يتم ترتيب الصفوف تلقائيًا. يجب استخدام هذا الخيار عندما تنفِّذ الصفحة ترتيبها الخاص. اطّلِع على مثال على TableQueryWrapper للحصول على مثال على كيفية التعامل مع أحداث الترتيب يدويًا.
  • 'disable'- لا يؤدي النقر على عنوان عمود إلى أي تأثير.
النوع: string
القيمة التلقائية: 'enable'
sortAscending

الترتيب الذي يتم به ترتيب عمود الترتيب الأولي. True للتصاعدي، وfalse للترتيب التنازلي. يتم تجاهله في حال عدم تحديد sortColumn.

النوع: boolean
القيمة التلقائية: true
sortColumn

فهرس عمود في جدول البيانات يتم ترتيب الجدول وفقًا له في البداية تم وضع سهم صغير في العمود يشير إلى ترتيب الترتيب.

النوع: number
القيمة التلقائية: -1
العرض

عرض الرسم البياني بالبكسل.

النوع: number
القيمة التلقائية: عرض العنصر الذي يحتوي على العنصر

خيارات ضبط المخطط الزمني

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
القيمة التلقائية: 'white'
الألوان

الألوان التي سيتم استخدامها لعناصر الرسم البياني صفيف من السلاسل، حيث يكون كل عنصر سلسلة ألوان في HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
القيمة التلقائية: ارتفاع العنصر الذي يحتوي على العنصر
العرض

عرض الرسم البياني بالبكسل.

النوع: number
القيمة التلقائية: عرض العنصر الذي يحتوي على العنصر

خيارات ضبط الخريطة المتفرعة

الاسم
headerColor

لون قسم العنوان لكل عقدة. حدد قيمة لون HTML.

النوع: string
تلقائي: #988f86
maxColor

لون مستطيل بقيمة العمود 3 بقيمة maxColorValue. حدِّد قيمة لون HTML.

النوع: string
القيمة التلقائية: #00dd00
maxDepth

الحد الأقصى لعدد مستويات العقد المطلوب عرضها في العرض الحالي يتم تسوية المستويات في المستوى الحالي. إذا كانت الشجرة تحتوي على مستويات أكثر من ذلك، عليك الانتقال للأعلى أو للأسفل لعرضها. يمكنك أيضًا رؤية maxPostDepth مستوى أسفل هذا المستوى على شكل مستطيلات مظلّلة ضمن هذه العُقد.

النوع: number
القيمة التلقائية: 1
maxPostDepth

عدد مستويات العُقد التي تتجاوز maxDepth والتي سيتم عرضها بطريقة "تلميحية". تظهر العقد المُشار إليها على شكل مستطيلات مظلّلة داخل عقدة ضمن الحد الأقصى maxDepth.

النوع: number
تلقائي: 0
midColor

لون مستطيل له قيمة في العمود 3 في منتصف المسافة بين maxColorValue وminColorValue حدد قيمة لون HTML.

النوع: string
القيمة التلقائية: #000000
minColor

لون مستطيل بقيمة العمود 3 بقيمة minColorValue. حدِّد قيمة لون HTML.

النوع: string
القيمة التلقائية: #dd0000
noColor

اللون الذي سيتم استخدامه للّوحة المستطيلة عندما لا تحتوي إحدى العقد على قيمة للعمود 3، وتكون هذه العقدة ورقة (أو تحتوي على أوراق فقط). حدِّد قيمة لون HTML.

النوع: string
القيمة التلقائية: #000000
الترجمة

نص للعرض أسفل عنوان الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
subtitleTextStyle

عنصر يحدّد نمط نص العنوان

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

عنصر يحدّد نمط نص العنوان يمكن أن يكون اللون أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
التلقائي: {اللون: 'أسود'، اسم الخط: <global-font-name>، fontSize: <global-font-size>}
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
الإعداد التلقائي: بدون عنوان
titleTextStyle

عنصر يحدّد نمط نص العنوان يكون للكائن التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن يكون color أي سلسلة ألوان HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}