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

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

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

الاسم
ألوان

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

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

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

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

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

ما إذا كان سيتم عرض أزرار التكبير/التصغير ("1d 5d 1m" وما إلى ذلك)، حيث تعني 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، تُعكس "مخططات Google" ترتيب عناصر وسيلة الإيضاح لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر السفلي في وسيلة الإيضاح). لا ينطبق هذا على الرسومات البيانية الشريطية.

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

تشمل خيارات "isStacked" ما يلي:

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص وسيلة الإيضاح. يحتوي الكائن على هذا التنسيق:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص العنوان.

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

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

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

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

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

النوع: 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، تُعكس "مخططات Google" ترتيب عناصر وسيلة الإيضاح لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر السفلي في وسيلة الإيضاح). لا ينطبق هذا على الرسومات البيانية الشريطية.

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

تشمل خيارات "isStacked" ما يلي:

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص وسيلة الإيضاح. يحتوي الكائن على هذا التنسيق:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص العنوان.

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

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

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

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

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

النوع: 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
العنوان

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

النوع: 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
القيمة التلقائية: ارتفاع العنصر الذي يتضمّن العنصر
width

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

النوع: 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
العنوان

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

النوع: 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، تُعكس "مخططات Google" ترتيب عناصر وسيلة الإيضاح لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر السفلي في وسيلة الإيضاح). لا ينطبق هذا على الرسومات البيانية الشريطية.

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

تشمل خيارات "isStacked" ما يلي:

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص وسيلة الإيضاح. يحتوي الكائن على هذا التنسيق:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص العنوان.

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

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

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

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

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

النوع: 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، تُعكس "مخططات Google" ترتيب عناصر وسيلة الإيضاح لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر السفلي في وسيلة الإيضاح). لا ينطبق هذا على الرسومات البيانية الشريطية.

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

تشمل خيارات "isStacked" ما يلي:

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص وسيلة الإيضاح. يحتوي الكائن على هذا التنسيق:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • areaOpacity - تلغي السمة areaOpacity العامة لهذه السلسلة.
  • color: اللون المطلوب استخدامه لهذه السلسلة يُرجى تحديد سلسلة لون HTML صالحة.
  • curveType: لإلغاء قيمة curveType العامة لهذه السلسلة.
  • fallingColor.fill: لإلغاء قيمة candlestick.fallingColor.fill العامة لهذه السلسلة.
  • fallingColor.stroke: لإلغاء قيمة candlestick.fallingColor.stroke العامة لهذه السلسلة.
  • fallingColor.strokeWidth: لإلغاء قيمة candlestick.fallingColor.strokeWidth العامة لهذه السلسلة.
  • labelInLegend - وصف السلسلة الذي سيظهر في وسيلة إيضاح الرسم البياني.
  • lineDashStyle: لإلغاء قيمة lineDashStyle العامة لهذه السلسلة.
  • lineWidth: لإلغاء قيمة lineWidth العامة لهذه السلسلة.
  • pointShape: لإلغاء قيمة pointShape العامة لهذه السلسلة.
  • pointSize: لإلغاء قيمة pointSize العامة لهذه السلسلة.
  • pointsVisible: لإلغاء قيمة pointsVisible العامة لهذه السلسلة.
  • risingColor.fill: لإلغاء قيمة candlestick.risingColor.fill العامة لهذه السلسلة.
  • risingColor.stroke: لإلغاء قيمة candlestick.risingColor.stroke العامة لهذه السلسلة.
  • risingColor.strokeWidth: لإلغاء قيمة candlestick.risingColor.strokeWidth العامة لهذه السلسلة.
  • targetAxisIndex: المحور الذي تريد تخصيص هذه السلسلة له، حيث يكون 0 هو المحور التلقائي و1 المحور المعاكس. القيمة التلقائية هي 0، ويتم ضبطها على 1 لتحديد رسم بياني حيث يتم عرض سلسلة مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل للمحور التلقائي. يمكنك تحديد مقياس مختلف للمحاور المختلفة.
  • type - نوع العلامة لهذه السلسلة القيم الصالحة هي '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
العنوان

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

النوع: 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
الوضع التلقائي: بدون
width

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

النوع: number
الخيار التلقائي: عرض الحاوية
yellowColor

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

النوع: string
الوضع التلقائي: '#FF9900'
yellowFrom

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

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

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

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

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

الاسم
backgroundColor

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

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

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

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

لون لتخصيصه للمناطق التي لا تتوفّر لها بيانات مرتبطة

النوع: string
الوضع التلقائي: '#F5F5F5'
defaultColor

اللون المطلوب استخدامه لنقاط البيانات في رسم بياني جغرافي عند الموقع الجغرافي (على سبيل المثال، 'US' ) موجودة ولكن القيمة إما null أو غير محددة. ويختلف هذا اللون عن datalessRegionColor، وهو اللون المستخدَم عندما تكون البيانات غير متوفّرة.

النوع: string
الوضع التلقائي: '#267114'
displayMode

ما هو نوع هذا المخطط الجغرافي. يجب أن يتطابق تنسيق DataTable مع القيمة المحدّدة. في ما يلي القيم المتوافقة:

  • 'auto' - اختَر استنادًا إلى تنسيق "DataTable" (جدول البيانات).
  • 'regions' - تلوين المناطق على المخطط الجغرافي.
  • 'markers' - وضع محدّدات المواقع على المناطق
  • 'text' - تسمية المناطق باستخدام نص من جدول البيانات
النوع: 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
تلقائي: "العالم"
width

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

النوع: 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، تُعكس "مخططات Google" ترتيب عناصر وسيلة الإيضاح لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر السفلي في وسيلة الإيضاح). لا ينطبق هذا على الرسومات البيانية الشريطية.

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

تشمل خيارات "isStacked" ما يلي:

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص وسيلة الإيضاح. يحتوي الكائن على هذا التنسيق:

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

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

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

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص العنوان.

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

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

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

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

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

النوع: 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
الخيار التلقائي: تلقائي
width

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

النوع: 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
العنوان

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

النوع: 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'
size

الحجم الكلي للرسم البياني. تتضمّن الخيارات '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>}
العنوان

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

النوع: 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
العنوان

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

النوع: 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، تُعكس "مخططات Google" ترتيب عناصر وسيلة الإيضاح لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر السفلي في وسيلة الإيضاح). لا ينطبق هذا على الرسومات البيانية الشريطية.

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

تشمل خيارات "isStacked" ما يلي:

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

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

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

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

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

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

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

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

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

يشير ذلك المصطلح إلى كائن يحدِّد نمط نص وسيلة الإيضاح. يحتوي الكائن على هذا التنسيق:

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

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

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

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

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

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

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

  • areaOpacity - تلغي السمة areaOpacity العامة لهذه السلسلة.
  • color: اللون المطلوب استخدامه لهذه السلسلة يُرجى تحديد سلسلة لون HTML صالحة.
  • type - نوع العلامة لهذه السلسلة القيم الصالحة هي '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
العنوان

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

النوع: 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
الخيار التلقائي: تلقائي
width

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

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

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

الاسم
alternatingRowStyle

تحدِّد هذه السمة ما إذا كان سيتم تعيين نمط ألوان بديل إلى الصفوف الفردية والزوجية.

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

ارتفاع المخطط بالبكسل.

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

ما إذا كان سيتم تفعيل التقسيم على صفحات البيانات وكيف يتم ذلك. اختَر إحدى قيم string التالية:

  • 'enable': سيتضمّن الجدول زرَّي إعادة توجيه الصفحة ورجوع إلى الصفحة. سيؤدي النقر على هذه الأزرار إلى إجراء عملية التقسيم على صفحات وتغيير الصفحة المعروضة. وقد تحتاج أيضًا إلى ضبط الخيار pageSize.
  • 'event': سيتضمّن الجدول زرَّي إعادة توجيه الصفحة وزر الرجوع إلى الصفحة، ولكن النقر عليهما سيؤدي إلى بدء حدث 'page' ولن يؤدي إلى تغيير الصفحة المعروضة. ويجب استخدام هذا الخيار عندما ينفِّذ الرمز منطق قلب الصفحة الخاص به. راجِع مثال TableauQueryWrapper للحصول على مثال عن كيفية التعامل مع الأحداث في صفحات الصفحات يدويًا.
  • 'disable' - [الخيار التلقائي] الانتقال من صفحة إلى أخرى غير متاح.
    • النوع: string
    الوضع التلقائي: 'disable'
pageSize

عدد الصفوف في كل صفحة، عند تفعيل خيار "تقسيم البيانات على صفحات" باستخدام خيار الصفحة.

النوع: number
الوضع التلقائي: 10
showRowNumber

في حال ضبط السياسة على true، سيتم عرض رقم الصف كأول عمود في الجدول.

النوع: boolean
الوضع التلقائي: false
ترتيب

ما إذا كان يتم ترتيب الأعمدة وطريقة ترتيبها عندما ينقر المستخدم على عنوان عمود. إذا كان الترتيب مفعّلاً، ننصحك أيضًا بضبط السمتَين sortAscending وsortColumn. اختَر إحدى قيم string التالية:

  • 'enable' - [تلقائي] يمكن للمستخدمين النقر على رؤوس الأعمدة للترتيب حسب العمود الذي تم النقر عليه. وعندما ينقر المستخدمون على عنوان العمود، يتم ترتيب الصفوف تلقائيًا، ويتم تشغيل حدث 'sort'.
  • 'event' - عندما ينقر المستخدمون على عنوان العمود، يتم بدء حدث 'sort' ولكن لا يتم ترتيب الصفوف تلقائيًا. ويجب استخدام هذا الخيار عندما تنفّذ الصفحة الترتيب الخاص بها. راجِع مثال TableauQueryWrapper للحصول على مثال عن كيفية التعامل مع ترتيب الأحداث يدويًا.
  • 'disable'- لن يكون للنقر على عنوان عمود أي تأثير.
النوع: string
الوضع التلقائي: 'enable'
sortAscending

الترتيب الذي يتم به فرز عمود الترتيب الأولي. True تصاعديًا وfalse تنازليًا. يتم تجاهل السياسة إذا لم يتم تحديد sortColumn.

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

يشير ذلك المصطلح إلى فهرس لعمود في جدول البيانات، ويتم ترتيب الجدول في الأساس على أساسه. يظهر على العمود سهم صغير يشير إلى نظام الترتيب.

النوع: number
الوضع التلقائي: -1
width

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

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

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

الاسم
backgroundColor

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

النوع: string أو object
الوضع التلقائي: 'white'
ألوان

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

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

ارتفاع المخطط بالبكسل.

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

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

النوع: 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
التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
العنوان

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

النوع: 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>}