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

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

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

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

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

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

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

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

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

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

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

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

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

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

الحد الأدنى للقيمة المعروضة على محور Y إذا كانت أدنى نقطة بيانات أقل من هذه القيمة، يتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لعرض علامة علامة التبويب الرئيسية التالية أسفل أدنى نقطة بيانات. وتُمنَح هذه الأولوية على الحد الأدنى للمحور 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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

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

النوع: رقم أو 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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 هي عنصر الخريطة البيانية في أسفل الرسم البياني). لا ينطبق ذلك على الرسوم البيانية الشريطية.

يتيح الخيار 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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 هي عنصر الخريطة البيانية في أسفل الصفحة). لا ينطبق ذلك على الرسوم البيانية الشريطية.

يتيح الخيار 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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 إذا تجاوزت نقطة البيانات القصوى هذه القيمة، يتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لعرض علامة التبويب الرئيسية التالية فوق نقطة البيانات القصوى. تكون هذه الأولوية أعلى من الحد الأقصى للمحور Y الذي يحدّده scaleType.

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

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

الحد الأدنى للقيمة المعروضة على محور Y إذا كانت أدنى نقطة بيانات أقل من هذه القيمة، يتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لعرض علامة علامة التبويب الرئيسية التالية أسفل أدنى نقطة بيانات. وتُمنَح هذه الأولوية على الحد الأدنى للمحور 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
الإعداد التلقائي: ‎"auto"
الطول

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

النوع: 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
الإعداد التلقائي: auto
histogram.hideBucketItems

وزِّع أشرطة ملونة سميكة بين أقسام المدرج التكراري بدلاً من الأقسام الرقيقة.

النوع: boolean
القيمة التلقائية: false
histogram.lastBucketPercentile

عند احتساب حجم الحزمة في الرسم البياني الشريطي، عليك تجاهل القمة والقاع lastBucketPercentile في المئة. تظل القيم مضمّنة في المخطّط البياني الشريطي، ولكنّها لا تؤثّر في التجميع.

النوع: number
القيمة التلقائية: 0
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' - على يمين الرسم البياني، شرط ألا يكون هناك سلسلة مرتبطة بالمحور الأيمن إذا أردت عرض التسمية التوضيحية على يمين الرسم البياني، استخدِم الخيار 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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
الإعداد التلقائي: "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
أسطورة

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

{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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
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 هي عنصر الخريطة البيانية في أسفل الصفحة). لا ينطبق ذلك على الرسوم البيانية الشريطية.

يتيح الخيار 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

تنقل الحد الأقصى للمحور الرأسي إلى القيمة المحدّدة، ويكون ذلك للأعلى في معظم الرسوم البيانية. يتم تجاهل هذا المقياس إذا تم ضبطه على قيمة أصغر من الحد الأقصى لقيمة y للبيانات. تلغي 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' ولن يؤدي إلى تغيير الصفحة المعروضة. يجب استخدام هذا الخيار عندما تنفِّذ التعليمة البرمجية منطق لف الصفحات الخاص بها. اطّلِع على مثال TableQueryWrapper للحصول على مثال على كيفية معالجة أحداث الفهرسة يدويًا.
  • ‫'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

لون مستطيل له قيمة maxColorValue في العمود 3 حدِّد قيمة لون HTML.

النوع: string
القيمة التلقائية: #00dd00
maxDepth

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

النوع: number
القيمة التلقائية: 1
maxPostDepth

عدد مستويات العقد التي تزيد عن maxDepth لعرضها بأسلوب "مُشار إليه" تظهر العقد المُشار إليها على شكل مستطيلات مظلّلة داخل عقدة ضمن الحد الأقصى maxDepth.

النوع: number
القيمة التلقائية: 0
midColor

لون مستطيل له قيمة في العمود 3 في منتصف المسافة بين maxColorValue وminColorValue حدِّد قيمة لون HTML.

النوع: string
القيمة التلقائية: #000000
minColor

لون مستطيل بقيمة minColorValue في العمود 3 حدِّد قيمة لون 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
الإعداد التلقائي: {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>}