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

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

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

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

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

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

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

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

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

ما إذا كان سيتم عرض زرَّي التكبير أو التصغير ("1 يوم 5 يوم 1 د" وما إلى ذلك)، حيث تعني السمة false "لا".

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

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

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

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

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

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون 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

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

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

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

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

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

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

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

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

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

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

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

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

خيارات "isStacked" هي:

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

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

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

لا يتوافق التكديس بنسبة 100% إلا مع قيم البيانات من النوع number، ويجب أن يكون المتوقع صفر.

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

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
useFirstColumnAsDomain

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

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

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

الاسم
backgroundColor

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

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

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

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

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

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

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

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

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون 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

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

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

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

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

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

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

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

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

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

خيارات "isStacked" هي:

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

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

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

لا يتوافق التكديس بنسبة 100% إلا مع قيم البيانات من النوع number، ويجب أن يكون المتوقع صفر.

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

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

تعرض خطوط الاتجاه على الرسوم البيانية التي تتوافق معها. ويتم تلقائيًا استخدام خطوط اتجاه linear، ولكن يمكن تخصيصها باستخدام الخيار trendlines.n.type.

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

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

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

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

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

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

وفي حال ضبطها، سيظهر خط الاتجاه في وسيلة الإيضاح على شكل هذه السلسلة.

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

تمثّل هذه السمة عرض خط خط الاتجاه، بالبكسل.

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

تحدّد هذه السمة ما إذا كانت خطوط الاتجاه هي 'linear' (القيمة التلقائية) أو 'exponential' أو 'polynomial'.

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

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

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

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

النوع: boolean
vAxis

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

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

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

الاسم
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
الإعداد التلقائي: تلقائي
chartArea.left

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون 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

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

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

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

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

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

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

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

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

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

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

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

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

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

النوع: number
القيمة التلقائية: 30
sizeAxis.minSize

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
useFirstColumnAsDomain

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

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

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

الاسم
الطول

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

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

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون 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

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

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

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

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

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

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

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

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

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

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

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

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

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

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

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

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

الاسم
backgroundColor

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

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

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

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

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

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

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

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

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون 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

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

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

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

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

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

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

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

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

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

خيارات "isStacked" هي:

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

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

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

لا يتوافق التكديس بنسبة 100% إلا مع قيم البيانات من النوع number، ويجب أن يكون المتوقع صفر.

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

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

تعرض خطوط الاتجاه على الرسوم البيانية التي تتوافق معها. ويتم تلقائيًا استخدام خطوط اتجاه linear، ولكن يمكن تخصيصها باستخدام الخيار trendlines.n.type.

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

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

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

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

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

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

وفي حال ضبطها، سيظهر خط الاتجاه في وسيلة الإيضاح على شكل هذه السلسلة.

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

تمثّل هذه السمة عرض خط خط الاتجاه، بالبكسل.

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

تحدّد هذه السمة ما إذا كانت خطوط الاتجاه هي 'linear' (القيمة التلقائية) أو 'exponential' أو 'polynomial'.

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

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

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

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

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

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

الاسم
areaOpacity

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

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

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

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

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

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

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

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

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

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

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

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

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

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

  • 'none' - خطوط مستقيمة بدون منحنى
  • 'function' - سيتم تجانس زوايا الخط.
النوع:string
تلقائي: 'بلا'
hAxis

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

خيارات "isStacked" هي:

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

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

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

لا يتوافق التكديس بنسبة 100% إلا مع قيم البيانات من النوع number، ويجب أن يكون المتوقع صفر.

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

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

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

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

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

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

قطر النقاط المعروضة بالبكسل استخدِم صفرًا لإخفاء جميع النقاط. يمكنك إلغاء القيم لسلسلة فردية باستخدام السمة series. إذا كنت تستخدم خطًا مؤشرات، سيؤثّر الخيار pointSize في عرض خط الاتجاه ما لم يتم تجاوزه باستخدام الخيار trendlines.n.pointsize.

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

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

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

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

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

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

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

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

  • areaOpacity - لإلغاء areaOpacity العام لهذه السلسلة.
  • color - اللون المطلوب استخدامه لهذه السلسلة. حدِّد سلسلة لون HTML صالحة.
  • curveType - لإلغاء قيمة curveType العامة لهذه السلسلة
  • fallingColor.fill - لإلغاء قيمة candlestick.fallingColor.fill العامة لهذه السلسلة
  • fallingColor.stroke - لإلغاء قيمة candlestick.fallingColor.stroke العامة لهذه السلسلة
  • fallingColor.strokeWidth - لإلغاء قيمة candlestick.fallingColor.strokeWidth العامة لهذه السلسلة
  • labelInLegend - وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني.
  • lineDashStyle - لإلغاء قيمة lineDashStyle العامة لهذه السلسلة
  • lineWidth - لإلغاء قيمة lineWidth العامة لهذه السلسلة
  • pointShape - لإلغاء قيمة pointShape العامة لهذه السلسلة
  • pointSize - لإلغاء قيمة pointSize العامة لهذه السلسلة
  • pointsVisible - لإلغاء قيمة pointsVisible العامة لهذه السلسلة
  • risingColor.fill - لإلغاء قيمة candlestick.risingColor.fill العامة لهذه السلسلة
  • risingColor.stroke - لإلغاء قيمة candlestick.risingColor.stroke العامة لهذه السلسلة
  • risingColor.strokeWidth - لإلغاء قيمة candlestick.risingColor.strokeWidth العامة لهذه السلسلة
  • targetAxisIndex - المحور الذي يجب تخصيص هذه السلسلة له، حيث 0 هو المحور التلقائي و1 هو المحور المعاكس. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • type - نوع العلامة لهذه السلسلة القيم الصالحة هي 'line' و'area' و'bars' و 'steppedArea'. يُرجى العلم أنّ الأشرطة هي في الواقع أشرطة (أعمدة) عمودية. يتم تحديد القيمة التلقائية من خلال خيار seriesType في الرسم البياني.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّ السلسلة يجب أن تحتوي على إدخال وسيلة إيضاح، في حين تعني false أنه لا يجب أن تتضمن السلسلة. القيمة التلقائية هي true.

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

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

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

الاسم
greenColor

اللون المطلوب استخدامه للقسم الأخضر في تدوين لون HTML.

النوع: string
تلقائي: '#109618'
greenFrom

أدنى قيمة لنطاق مميز باللون الأخضر.

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

أعلى قيمة لنطاق مميز باللون الأخضر.

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

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

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

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

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

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

أدنى قيمة يمكن عرضها على المحور "ص". إذا كان الحد الأدنى لنقطة البيانات أقل من هذه القيمة، يتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لعرض علامة التجزئة الرئيسية التالية أسفل نقطة البيانات الدنيا. وتكون الأولوية لهذا على الحدّ الأدنى للمحور "ص" الذي تحدّده السمة 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' - اختَر بناءً على تنسيق جدول البيانات.
  • 'regions' - تلوين المناطق في الرسم البياني الجغرافي.
  • 'markers' - علامات وضع العلامات على المناطق
  • 'text' - إضافة تصنيفات إلى المناطق باستخدام نص من DataTable.
النوع: string
تلقائي: "تلقائي"
الطول

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

المنطقة المراد عرضها على المخطط الجغرافي. وتُعرض أيضًا المناطق المحيطة. يمكن أن تكون الحالة أيًا مما يلي:

  • 'world' - رسم بياني جغرافي للعالم بأكمله
  • قارة أو شبه قارة يتم تحديدها من خلال الرمز المكوَّن من 3 أرقام، على سبيل المثال '011' لغرب أفريقيا.
  • بلد يتم تحديده باستخدام رمز ISO 3166-1 alpha-2، مثل 'AU' لأستراليا.
  • ولاية في الولايات المتحدة، يتم تحديدها باستخدام رمز ISO 3166-2:US الخاص بها، على سبيل المثال: 'US-AL' لولاية ألاباما. يُرجى العِلم أنّه يجب ضبط الخيار resolution على 'provinces' أو 'metros'.
النوع: string
تلقائي: "العالم"
العرض

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

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

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون 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
الإعداد التلقائي: تلقائي
hAxis.viewWindow.min

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

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

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

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

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
histogram.bucketSize

استخدِم رمزًا ثابتًا لحجم كل شريط مدرج تكراري، بدلاً من السماح بتحديده باستخدام الخوارزميات.

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

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

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

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

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

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

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

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

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

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

خيارات "isStacked" هي:

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

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

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

لا يتوافق التكديس بنسبة 100% إلا مع قيم البيانات من النوع number، ويجب أن يكون المتوقع صفر.

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

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

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

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

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

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

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

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

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

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

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

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

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

  • 'none' - خطوط مستقيمة بدون منحنى
  • 'function' - سيتم تجانس زوايا الخط.
النوع: string
تلقائي: 'بلا'
hAxis

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

النوع: 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 - نوع العلامة لهذه السلسلة القيم الصالحة هي 'line' و'area' و'bars' و 'steppedArea'. يُرجى العلم أنّ الأشرطة هي في الواقع أشرطة (أعمدة) عمودية. يتم تحديد القيمة التلقائية من خلال خيار seriesType في الرسم البياني.
  • color - اللون المطلوب استخدامه لهذه السلسلة. حدِّد سلسلة لون HTML صالحة.
  • curveType - لإلغاء قيمة curveType العامة لهذه السلسلة
  • labelInLegend - وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني.
  • lineDashStyle - لإلغاء قيمة lineDashStyle العامة لهذه السلسلة
  • lineWidth - لإلغاء قيمة lineWidth العامة لهذه السلسلة
  • pointShape - لإلغاء قيمة pointShape العامة لهذه السلسلة
  • pointSize - لإلغاء قيمة pointSize العامة لهذه السلسلة
  • pointsVisible - لإلغاء قيمة pointsVisible العامة لهذه السلسلة
  • targetAxisIndex - المحور الذي يجب تخصيص هذه السلسلة له، حيث 0 هو المحور التلقائي و1 هو المحور المعاكس. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّ السلسلة يجب أن تحتوي على إدخال وسيلة إيضاح، في حين تعني false أنه لا يجب أن تتضمن السلسلة. القيمة التلقائية هي true.

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
خطوط الاتجاه

تعرض خطوط الاتجاه على الرسوم البيانية التي تتوافق معها. ويتم تلقائيًا استخدام خطوط اتجاه linear، ولكن يمكن تخصيصها باستخدام الخيار trendlines.n.type.

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

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

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

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

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

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

وفي حال ضبطها، سيظهر خط الاتجاه في وسيلة الإيضاح على شكل هذه السلسلة.

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

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

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

تحدّد هذه السمة ما إذا كانت خطوط الاتجاه هي 'linear' (القيمة التلقائية) أو 'exponential' أو 'polynomial'.

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

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

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

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

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

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

الاسم
اللون

لون خلفية عناصر الرسم البياني الهيكلي

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

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون 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
الإعداد التلقائي: تلقائي
chartArea.left

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

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

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

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

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

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

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

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

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

  • 'none' - خطوط مستقيمة بدون منحنى
  • 'function' - سيتم تجانس زوايا الخط.
النوع:string
تلقائي: 'بلا'
hAxis

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

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

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

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

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

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

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

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

قطر النقاط المعروضة بالبكسل استخدِم صفرًا لإخفاء جميع النقاط. يمكنك إلغاء القيم لسلسلة فردية باستخدام السمة series. إذا كنت تستخدم خطًا مؤشرات، سيؤثّر الخيار pointSize في عرض خط الاتجاه ما لم يتم تجاوزه باستخدام الخيار trendlines.n.pointsize.

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

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

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

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

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

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

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

كائن يحدد نمط نص العنوان.

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
خطوط الاتجاه

تعرض خطوط الاتجاه على الرسوم البيانية التي تتوافق معها. ويتم تلقائيًا استخدام خطوط اتجاه linear، ولكن يمكن تخصيصها باستخدام الخيار trendlines.n.type.

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

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

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

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

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

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

وفي حال ضبطها، سيظهر خط الاتجاه في وسيلة الإيضاح على شكل هذه السلسلة.

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

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

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

تحدّد هذه السمة ما إذا كانت خطوط الاتجاه هي 'linear' (القيمة التلقائية) أو 'exponential' أو 'polynomial'.

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

ما إذا كانت معادلة خط الاتجاه تظهر في وسيلة الإيضاح. سيظهر في تلميح خط الاتجاه.

النوع: boolean
تلقائي: false
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تحدّد هذه السمة خصائص المحاور الرأسية الفردية إذا كان الرسم البياني يحتوي على عدة محاور رأسية. كل عنصر فرعي هو كائن vAxis، ويمكن أن يحتوي على جميع السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على عدة محاور عمودية، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يعيّن المثال التالي السلسلة 2 إلى المحور الأيمن ويحدّد عنوانًا مخصّصًا ونمط نص لها: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة كائنًا أو مصفوفة: الكائن عبارة عن مجموعة من الكائنات، ولكل منها تصنيف رقمي يحدد المحور الذي يعرِّفه، وهذا هو التنسيق الموضح أعلاه، والمصفوفة هي مصفوفة من الكائنات، عنصر لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضّح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
تلقائي: null
vAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة من المحور الرأسي. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
تلقائي: null
vAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الرأسي. تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لعكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
vAxis.gridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة على المحور الرأسي لاحظ أن خطوط الشبكة ذات المحور الرأسي يتم رسمها أفقيًا. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

هذا الخيار متاح فقط للمحور continuous.

النوع: object
تلقائي: null
vAxis.gridlines.color

لون خطوط الشبكة الرأسية داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
تلقائي: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حدّدت رقمًا موجبًا في السمة gridlines.count، سيتم استخدامه لاحتساب قيمة السمة minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، ليتم احتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كانت true، ستصبح المحور الرأسي مقياسًا لوغاريتميًا. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
تلقائي: false
vAxis.maxValue

نقل الحد الأقصى لقيمة المحور الرأسي إلى القيمة المحددة، ويكون هذا العمود للأعلى في معظم الرسومات البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
vAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الرأسي، على غرار الخيار vAxis.gridlines.

النوع: object
تلقائي: null
vAxis.minorGridlines.color

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في أغلب الأحيان، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الصغيرة على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
تلقائي: 1
vAxis.minValue

نقل الحد الأدنى للقيمة للمحور العمودي إلى القيمة المحددة، وسيتحرك هذا القيمة إلى أسفل في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من قيمة الحد الأدنى لقيمة ص للبيانات. تلغي 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
الإعداد التلقائي: تلقائي
vAxis.viewWindow.min

الحد الأدنى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

النوع: number
الإعداد التلقائي: تلقائي

خيارات إعداد الرسم البياني المساحي المدرّج

الاسم
areaOpacity

يشير ذلك المصطلح إلى التعتيم التلقائي للمساحة الملونة ضمن سلسلة الرسم البياني المساحي، حيث تكون السمة 0.0 شفافة تمامًا وقيمة 1.0 معتمة بالكامل. لتحديد التعتيم لسلسلة فردية، اضبط القيمة areaOpacity في السمة series.

النوع: number، 0.0- 1.0
تلقائي: 0.3
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
تلقائي: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، كسلسلة لون HTML.

النوع: string
تلقائي: 'white'
chartArea

كائن يحتوي على أعضاء لضبط موضع مساحة الرسم البياني وحجمها (حيث يتم رسم الرسم البياني نفسه، باستثناء المحور ووسائل الإيضاح). يمكنك استخدام تنسيقَين: رقم أو رقم متبوعًا بنسبة مئوية. والرقم البسيط هو قيمة بالبكسل، بينما يمثّل الرقم متبوعًا بنسبة مئوية نسبة مئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
تلقائي: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون إما سلسلة سداسية عشرية (مثل '#fdc') أو اسم لون إنجليزي. وعند استخدام كائن، يمكن توفير السمات التالية:
  • stroke: اللون، يتم تقديمه كسلسلة سداسية عشرية أو اسم اللون الإنجليزي.
  • strokeWidth: يتم رسم حدود حول مساحة الرسم البياني بالعرض المحدَّد، في حال توفّره (وبلون stroke).
النوع: string أو object
تلقائي: 'white'
chartArea.height

ارتفاع مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.left

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.top

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.width

عرض مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
الألوان

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون 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
الإعداد التلقائي: تلقائي
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
isStacked

في حال الضبط على true، يعمل على تكديس العناصر لكل السلاسل في كل قيمة نطاق. ملاحظة: في الرسوم البيانية العمودية والمنطقة وSteppedArea، تعكس "الرسوم البيانية" ترتيب العناصر التفسيرية لكي تتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر الأدنى في وسيلة الإيضاح). لا ينطبق هذا على "الرسوم البيانية" Bar.

ويتيح الخيار isStacked أيضًا استخدام التكديس بنسبة 100%، حيث تتم إعادة ضبط حزم العناصر في كل قيمة في النطاق لإضافة ما يصل إلى %100.

خيارات "isStacked" هي:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true — يكدّس العناصر لكل السلاسل في كل قيمة نطاق.
  • 'percent' — يكدّس العناصر لكل السلسلة في كل قيمة في النطاق ويغيّر حجمها بحيث يصل مجموعها إلى 100%، مع احتساب قيمة كل عنصر كنسبة مئوية من 100%.
  • 'relative' — يكدّس العناصر لكل السلسلة في كل قيمة في النطاق ويعيد قياسها بحيث يزيد مجموعها عن 1، مع احتساب قيمة كل عنصر على أنها كسر من 1.
  • 'absolute': لا يؤدي هذا الإجراء إلى تغيير isStacked: true.

بالنسبة إلى التجميع بنسبة 100%، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد قيمته الفعلية.

سيتم تلقائيًا ضبط المحور المستهدف على قيم التجزئة بناءً على المقياس النسبي 0-1 ككسور بنسبة 1 لـ 'relative'، ومن 0 إلى 100% لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم عرض قيم المحور/المؤشرات كنسب مئوية، ولكن القيم الفعلية هي قيم المقياس النسبية من 0 إلى 1. ويرجع ذلك إلى أنّ مؤشرات محور النسبة المئوية هي نتيجة تطبيق تنسيق "#.##%" على قيم المقياس النسبية 0-1. عند استخدام isStacked: 'percent'، احرص على تحديد أي مؤشرات أو خطوط شبكة باستخدام قيم المقياس النسبية من 0 إلى 1). يمكنك تخصيص قيم خطوط الشبكة/المؤشرات والتنسيق باستخدام خيارات hAxis/vAxis المناسبة.

لا يتوافق التكديس بنسبة 100% إلا مع قيم البيانات من النوع number، ويجب أن يكون المتوقع صفر.

النوع: boolean/ string
تلقائي: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
تلقائي: null
legend.position

موضع وسيلة الإيضاح. يمكن أن تكون الحالة واحدة مما يلي:

  • 'bottom': أسفل الرسم البياني
  • 'left': على يسار الرسم البياني، لا يتضمن المحور الأيسر أي سلسلة مرتبطة به. ولذلك، إذا كنت تريد وسيلة الإيضاح التي تظهر على اليمين، فاستخدم الخيار targetAxisIndex: 1.
  • 'in': داخل الرسم البياني أعلى اليمين
  • 'none' - لا يتم عرض أي وسيلة إيضاح.
  • 'right': على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top': أعلى الرسم البياني
النوع: string
تلقائي: 'right'
legendTextStyle

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال الضبط على true، يتم رسم سلسلة البيانات من اليمين إلى اليسار. الإعداد الافتراضي هو الرسم من اليسار إلى اليمين.

هذا الخيار متاح فقط لمحور discrete major.

النوع: boolean
تلقائي: false
السلسلة

يشير ذلك المصطلح إلى مصفوفة من العناصر يصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. لاستخدام القيم التلقائية لسلسلة، حدِّد كائنًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، سيتم استخدام القيمة العامة. ويوفّر كل كائن السمات التالية:

  • areaOpacity - لإلغاء areaOpacity العام لهذه السلسلة.
  • color - اللون المطلوب استخدامه لهذه السلسلة. حدِّد سلسلة لون HTML صالحة.
  • type - نوع العلامة لهذه السلسلة القيم الصالحة هي 'line' و'area' و'bars' و 'steppedArea'. يُرجى العلم أنّ الأشرطة هي في الواقع أشرطة (أعمدة) عمودية. يتم تحديد القيمة التلقائية من خلال خيار seriesType في الرسم البياني.
  • labelInLegend - وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني.
  • lineDashStyle - لإلغاء قيمة lineDashStyle العامة لهذه السلسلة
  • targetAxisIndex - المحور الذي يجب تخصيص هذه السلسلة له، حيث 0 هو المحور التلقائي و1 هو المحور المعاكس. القيمة التلقائية هي 0، ويمكنك ضبطها على 1 لتحديد رسم بياني يتم فيه عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أنّ السلسلة يجب أن تحتوي على إدخال وسيلة إيضاح، في حين تعني false أنه لا يجب أن تتضمن السلسلة. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يحتوي كل فرع على مفتاح رقمي يشير إلى السلسلة التي تنطبق عليها.على سبيل المثال، التعريفان التاليان متطابقان، وأعلن أن السلسلة الأولى باللون الأسود وغائمة عن وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر ومغيبة من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو الكائن الذي يضم كائنات متداخلة
تلقائي: {}
العنوان الفرعي

النص المطلوب عرضه أسفل عنوان الرسم البياني

النوع: string
تلقائي: بلا عنوان
subtitleTextStyle

كائن يحدد نمط نص العنوان.

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

المظهر هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك محدّد في الرسم البياني أو تأثير مرئي. يتوفّر مظهر واحد فقط في الوقت الحالي:

  • 'maximized' - لتكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التصنيفات داخل مساحة الرسم البياني
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تحدّد هذه السمة خصائص المحاور الرأسية الفردية إذا كان الرسم البياني يحتوي على عدة محاور رأسية. كل عنصر فرعي هو كائن vAxis، ويمكن أن يحتوي على جميع السمات المتوافقة مع vAxis. تلغي قيم السمات هذه أي إعدادات عامة للموقع نفسه.

لتحديد رسم بياني يحتوي على عدة محاور عمودية، حدِّد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. يعيّن المثال التالي السلسلة 2 إلى المحور الأيمن ويحدّد عنوانًا مخصّصًا ونمط نص لها: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

يمكن أن تكون هذه السمة كائنًا أو مصفوفة: الكائن عبارة عن مجموعة من الكائنات، ولكل منها تصنيف رقمي يحدد المحور الذي يعرِّفه، وهذا هو التنسيق الموضح أعلاه، والمصفوفة هي مصفوفة من الكائنات، عنصر لكل محور. على سبيل المثال، يتطابق ترميز نمط المصفوفة التالي مع الكائن vAxis الموضّح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
تلقائي: null
vAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة من المحور الرأسي. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن على النحو الموضّح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
تلقائي: null
vAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الرأسي. تظهر القيم المنخفضة تلقائيًا في أسفل الرسم البياني. حدِّد -1 لعكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
vAxis.gridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة على المحور الرأسي لاحظ أن خطوط الشبكة ذات المحور الرأسي يتم رسمها أفقيًا. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح هنا: 

{color: '#333', minSpacing: 20}

هذا الخيار متاح فقط للمحور continuous.

النوع: object
تلقائي: null
vAxis.gridlines.color

لون خطوط الشبكة الرأسية داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
تلقائي: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حدّدت رقمًا موجبًا في السمة gridlines.count، سيتم استخدامه لاحتساب قيمة السمة minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي، ليتم احتساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى.

النوع: number
تلقائي: -1
vAxis.logScale

إذا كانت true، ستصبح المحور الرأسي مقياسًا لوغاريتميًا. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
تلقائي: false
vAxis.maxValue

نقل الحد الأقصى لقيمة المحور الرأسي إلى القيمة المحددة، ويكون هذا العمود للأعلى في معظم الرسومات البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
vAxis.minorGridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة الصغيرة على المحور الرأسي، على غرار الخيار vAxis.gridlines.

النوع: object
تلقائي: null
vAxis.minorGridlines.color

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في أغلب الأحيان، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الصغيرة على الفاصل بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
تلقائي: 1
vAxis.minValue

نقل الحد الأدنى للقيمة للمحور العمودي إلى القيمة المحددة، وسيتحرك هذا القيمة إلى أسفل في معظم الرسوم البيانية. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من قيمة الحد الأدنى لقيمة ص للبيانات. تلغي 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
الإعداد التلقائي: تلقائي
vAxis.viewWindow.min

الحد الأدنى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة vAxis.viewWindowMode "جميلة" أو "مكثّفة".

النوع: number
الإعداد التلقائي: تلقائي
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط الرسم البياني الجدولي

الاسم
alternatingRowStyle

تحدد ما إذا كان سيتم تعيين نمط اللون البديل إلى الصفوف الفردية والزوجية.

النوع: boolean
تلقائي: true
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
الصفحة

ما إذا كانت طريقة تفعيل التنقل بين البيانات بين البيانات وطريقة تفعيله. اختَر إحدى قيم string التالية:

  • 'enable': سيتضمّن الجدول زرَّي "إعادة توجيه الصفحة" و"رجوع إلى الصفحة" . سيؤدي النقر على هذه الأزرار إلى تنفيذ عملية الصفحات وتغيير الصفحة المعروضة. ننصحك أيضًا بضبط الخيار pageSize.
  • 'event': سيتضمّن الجدول زرَّي "إعادة توجيه الصفحة" و"رجوع إلى الصفحة"، ولكن سيؤدي النقر عليهما إلى تشغيل حدث 'page' ولن يؤدّي إلى تغيير الصفحة المعروضة. ويجب استخدام هذا الخيار عندما تنفذ الرمز منطق تحوّل الصفحة الخاص به. اطّلِع على مثال TableauWrapper للحصول على مثال حول كيفية التعامل مع أحداث ترقيم الصفحات يدويًا.
  • 'disable' - [الخيار التلقائي] لا يمكن استخدام ترقيم الصفحات.
    • النوع: string
    تلقائي: 'disable'
pageSize

عدد الصفوف في كل صفحة، عند تفعيل خيار الصفحة على الصفحات.

النوع: number
تلقائي: 10
showRowNumber

وفي حال ضبط هذه السياسة على true، سيتم عرض رقم الصف كأول عمود في الجدول.

النوع: boolean
تلقائي: false
ترتيب

ما إذا كان يتم ترتيب الأعمدة وطريقة ترتيبها عندما ينقر المستخدم على عنوان عمود إذا كان الترتيب مفعَّلاً، ننصحك بضبط السمتَين sortAscending وsortColumn أيضًا. اختَر إحدى قيم string التالية:

  • 'enable' - [تلقائي] يمكن للمستخدمين النقر على رؤوس الأعمدة للترتيب حسب العمود الذي تم النقر عليه. وعندما ينقر المستخدمون على عنوان العمود، يتم ترتيب الصفوف تلقائيًا ويتم تشغيل حدث 'sort'.
  • 'event': عندما ينقر المستخدمون على عنوان العمود، يتم تشغيل حدث 'sort'، ولكن لا يتم ترتيب الصفوف تلقائيًا. يجب استخدام هذا الخيار عند تنفيذ الصفحة للترتيب الخاص بها. راجِع مثال TableauWrapper للاطّلاع على مثال حول كيفية التعامل مع ترتيب الأحداث يدويًا.
  • 'disable'- ما مِن تأثير للنقر على عنوان عمود.
النوع: string
تلقائي: 'enable'
sortAscending

هذا هو الترتيب الذي يتم به ترتيب عمود الترتيب الأولي. True للتصاعدي، وfalse للترتيب التنازلي. يتم تجاهل السياسة إذا لم يتم تحديد السمة sortColumn.

النوع: boolean
تلقائي: true
sortColumn

فهرس عمود في جدول البيانات، ويتم ترتيب الجدول وفقًا له في البداية. يتم تمييز العمود بسهم صغير يشير إلى نظام الترتيب.

النوع: number
تلقائي: -1
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط المخطط الزمني

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00'، أو كائنًا بالسمات التالية.

النوع: string أو object
تلقائي: 'white'
الألوان

الألوان المراد استخدامها لعناصر الرسم البياني تمثّل هذه السمة مصفوفة من السلاسل يكون فيها كل عنصر سلسلة لون HTML، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط الخريطة المتفرعة

الاسم
headerColor

لون قسم العنوان لكل عقدة. حدد قيمة لون HTML.

النوع: string
تلقائي: #988f86
maxColor

لون مستطيل بقيمة العمود 3 بقيمة maxColorValue. حدِّد قيمة لون HTML.

النوع: string
تلقائي: #00dd00
maxDepth

الحد الأقصى لعدد مستويات العُقد المطلوب عرضها في طريقة العرض الحالية. يتم تسوية المستويات في المستوى الحالي. إذا كانت شجرتك تتضمّن مستويات أكثر من هذه المستويات، عليك الصعود إلى الأعلى أو الأسفل للاطّلاع عليها. يمكنك أيضًا رؤية maxPostDepth مستوى أسفل هذا المستوى على شكل مستطيلات مظلّلة ضمن هذه العُقد.

النوع: number
تلقائي: 1
maxPostDepth

عدد مستويات العُقد التي تتجاوز maxDepth والتي سيتم عرضها بطريقة "تلميحية". تظهر العُقد المائلة على شكل مستطيلات مظللة داخل عقدة ضمن الحد maxDepth.

النوع: number
تلقائي: 0
midColor

لون مستطيل يعرض قيمة العمود 3 في منتصف الطريق بين maxColorValue وminColorValue. حدد قيمة لون HTML.

النوع: string
تلقائي: #000000
minColor

لون مستطيل بقيمة العمود 3 بقيمة minColorValue. حدِّد قيمة لون HTML.

النوع: string
تلقائي: #dd0000
noColor

اللون المطلوب استخدامه لمستطيل عندما لا تكون للعقدة أي قيمة للعمود 3، وتكون تلك العقدة ورقة شجر (أو تحتوي على أوراق فقط). حدد قيمة لون HTML.

النوع: string
تلقائي: #000000
العنوان الفرعي

النص المطلوب عرضه أسفل عنوان الرسم البياني

النوع: string
تلقائي: بلا عنوان
subtitleTextStyle

كائن يحدد نمط نص العنوان.

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

كائن يحدد نمط نص العنوان. يمكن أن يكون اللون أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
التلقائي: {اللون: 'أسود'، اسم الخط: <global-font-name>، fontSize: <global-font-size>}
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون السمة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00'. اطّلِع أيضًا على fontName وfontSize.

النوع: object
تلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}