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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الاسم
areaOpacity

يُعد التعتيم الافتراضي للمنطقة الملونة أسفل سلسلة مخطط مساحي، حيث تكون الدالة 0.0 شفافة تمامًا و1.0 غير شفافة بشكل كامل. لتحديد التعتيم لـ سلسلة فردية، اضبط القيمة areaOpacity في السمة series.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الصغيرة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لتحديد نطاق الاقتصاص للمحور الأفقي.

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

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

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

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

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

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

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

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

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

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

لا يدعم ذلك من مخططات المنطقة ذات الخيار "isStacked: true/'percent'/'relative'/'absolute'".

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
useFirstColumnAsDomain

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

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

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

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

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

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

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

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

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

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

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

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الاسم
backgroundColor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الصغيرة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لتحديد نطاق الاقتصاص للمحور الأفقي.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

سواء كانت خطوط الاتجاه هي 'linear' (الخيار التلقائي) أو 'exponential' أو 'polynomial'

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

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

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

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

النوع: boolean
vAxis

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

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

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

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

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

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

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

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

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

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

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

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الاسم
backgroundColor

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

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

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

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

كائن يحتوي على أعضاء لضبط الخصائص المرئية لفقاعات المحادثات.

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

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

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

لون الفقاعات التفسيرية سكتة دماغية.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الصغيرة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لتحديد نطاق الاقتصاص للمحور الأفقي.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
useFirstColumnAsDomain

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

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

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

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

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

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

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

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

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

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

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

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الاسم
الطول

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

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

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

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

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

الاسم
backgroundColor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الصغيرة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لتحديد نطاق الاقتصاص للمحور الأفقي.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

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

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

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

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

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

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

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

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

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

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

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الاسم
backgroundColor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

لون خطوط الشبكة الصغيرة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لتحديد نطاق الاقتصاص للمحور الأفقي.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

سواء كانت خطوط الاتجاه هي 'linear' (الخيار التلقائي) أو 'exponential' أو 'polynomial'

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

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

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

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

النوع: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

لا يُتاح هذا الخيار إلا continuous على المحور.

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

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

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

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

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

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

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

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

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

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

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

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تحدّد هذه السمة خصائص المحاور الرأسية الفردية إذا كان الرسم البياني يحتوي على عدة محاور رأسية. كل عنصر فرعي هو كائن vAxis، ويمكن أن يحتوي على جميع السمات متوافق مع vAxis. تلغي قيم الخصائص هذه أي إعدادات عمومية نفس الموقع.

لتحديد مخطط به محاور رأسية متعددة، حدد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. تشير رسالة الأشكال البيانية يعين المثال التالي السلسلة 2 على المحور الأيمن ويحدد عنوانًا ونصًا مخصصين نمطه: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

ويمكن أن تكون هذه السمة كائنًا أو مصفوفة، فالكائن عبارة عن مجموعة من الكائنات، ولكل منها تسمية رقمية تحدد المحور الذي يحدده--هذا هو التنسيق الموضح أعلاه؛ الصفيفة عبارة عن صفيف من الكائنات، واحد لكل محور. على سبيل المثال، يتبع نمط الصفيفة علامة مماثلة للكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
تلقائي: null
vAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة من المحور الرأسي. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
تلقائي: null
vAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الرأسي. بشكل تلقائي، يتم تطبيق القيم المنخفضة في الجزء السفلي من المخطط. تحديد -1 إلى عكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
vAxis.gridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة على المحور الرأسي لاحظ أن خطوط الشبكة ذات المحور الرأسي يتم رسمها أفقيًا. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{color: '#333', minSpacing: 20}

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
vAxis.gridlines.color

لون خطوط الشبكة الرأسية داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
تلقائي: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حددت رقمًا موجبًا لـ gridlines.count، ستُستخدم لحساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي. لحساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى

النوع: number
تلقائي: -1
vAxis.logScale

إذا كانت true، ستصبح المحور الرأسي مقياسًا لوغاريتميًا. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
تلقائي: false
vAxis.maxValue

نقل الحد الأقصى لقيمة المحور الرأسي إلى القيمة المحددة؛ سيكون هذا لأعلى في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
vAxis.minorGridlines

كائن يحتوي على أعضاء لتهيئة خطوط الشبكة الصغيرة على المحور الرأسي، على غرار vAxis.gridlines.

النوع: object
تلقائي: null
vAxis.minorGridlines.color

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في الغالب، باستثناء إيقاف خطوط الشبكة الثانوية. عن طريق تعيين العدّ على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل الزمني بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
تلقائي: 1
vAxis.minValue

نقل الحد الأدنى لقيمة المحور الرأسي إلى القيمة المحددة؛ فسيكون هذا إلى أسفل في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من قيمة الحد الأدنى لقيمة ص للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
تلقائي: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
vAxis.textStyle

كائن يحدد نمط نص المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
تلقائي: بلا عنوان
vAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور العمودي.

النوع: object
تلقائي: null
vAxis.viewWindow.max

الحد الأقصى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي
vAxis.viewWindow.min

الحد الأدنى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي

خيارات ضبط المقياس

الاسم
greenColor

اللون المطلوب استخدامه للقسم الأخضر في تدوين لون HTML.

النوع: string
تلقائي: '#109618'
greenFrom

أدنى قيمة لنطاق مميز باللون الأخضر.

النوع: number
تلقائي: بدون
greenTo

أعلى قيمة لنطاق مميز باللون الأخضر.

النوع: number
تلقائي: بدون
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
الوضع التلقائي: عرض الحاوية
الحد الأقصى

الحد الأقصى للقيمة التي يتم عرضها على المحور "ص" إذا تجاوز الحد الأقصى لنقطة البيانات هذه القيمة، سيتم ويتم ضبط الرسم البياني لعرض علامة التجزئة الرئيسية التالية أعلى من الحد الأقصى لنقطة البيانات. ويكون له الأولوية على الحد الأقصى المحدد للمحور "ص" من قناة "scaleType"

يشبه ذلك maxValue في الرسوم البيانية الأساسية.

النوع: number
تلقائي: تلقائي
دقيقة

أدنى قيمة يمكن عرضها على المحور "ص". وإذا كان الحد الأدنى لنقطة البيانات أقل من هذه القيمة، ويتم تجاهل هذا الإعداد، ويتم تعديل الرسم البياني لإظهار العلامة الرئيسية التالية علامة أقل من الحد الأدنى لنقطة البيانات. ويكون لذلك الأولوية على الحد الأدنى للمحور ص التي تم تحديدها بواسطة scaleType.

يشبه ذلك minValue في الرسوم البيانية الأساسية.

النوع: number
تلقائي: تلقائي
redColor

اللون المطلوب استخدامه للقسم الأحمر في تدوين لون HTML.

النوع: string
تلقائي: '#DC3912'
redFrom

أدنى قيمة لنطاق تم تمييزه بلون أحمر.

النوع: number
تلقائي: بدون
redTo

أعلى قيمة لنطاق تم تمييزه بلون أحمر.

النوع: number
تلقائي: بدون
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الوضع التلقائي: عرض الحاوية
yellowColor

اللون المطلوب استخدامه للقسم الأصفر في تدوين لون HTML.

النوع: string
تلقائي: '#FF9900'
yellowFrom

أدنى قيمة لنطاق تم تمييزه باللون الأصفر.

النوع: number
تلقائي: بدون
yellowTo

أعلى قيمة لنطاق تم تمييزه باللون الأصفر.

النوع: number
تلقائي: بدون

خيارات إعداد المخطط الجغرافي

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00' أو كائن يضم ما يلي المواقع.

النوع: string أو object
تلقائي: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، كسلسلة لون HTML.

النوع: string
تلقائي: 'white'
datalessRegionColor

اللون الذي تريد تخصيصه للمناطق التي لا تحتوي على بيانات مرتبطة بها.

النوع: string
تلقائي: '#F5F5F5'
defaultColor

اللون المطلوب استخدامه لنقاط البيانات في مخطط جغرافي عندما يكون الموقع (مثال: 'US' ) موجودة ولكن القيمة إما null أو غير محدد. يختلف هذا عن datalessRegionColor، وهو اللون يتم استخدامه عندما تكون البيانات مفقودة.

النوع: string
تلقائي: '#267114'
displayMode

ما نوع المخطط الجغرافي هذا. يجب أن يتطابق تنسيق DataTable مع القيمة المحدّدة. تشير رسالة الأشكال البيانية القيم التالية متاحة:

  • 'auto' - اختَر بناءً على تنسيق جدول البيانات.
  • 'regions' - تلوين المناطق في الرسم البياني الجغرافي.
  • 'markers' - علامات وضع العلامات على المناطق
  • 'text' - إضافة تصنيفات إلى المناطق باستخدام نص من DataTable.
النوع: string
تلقائي: "تلقائي"
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
تلقائي: null
legendTextStyle

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
المنطقة

المنطقة المراد عرضها على المخطط الجغرافي. وتُعرض أيضًا المناطق المحيطة. يمكن أن يكون واحد مما يلي:

  • 'world' - رسم بياني جغرافي للعالم بأكمله
  • القارة أو شبه القارة التي يتم تحديدها من خلال رمز مكوّن من 3 أرقام، مثال: '011' لغرب أفريقيا.
  • دولة، محددة حسب وفقًا لمعيار ISO 3166-1 alpha-2 مثلاً: 'AU' لأستراليا.
  • ولاية في الولايات المتحدة، يتم تحديدها من خلال رمز ISO 3166-2:US، على سبيل المثال، 'US-AL' لولاية ألاباما. تجدر الإشارة إلى أنّه يجب ضبط الخيار resolution على أحد الخيارَين التاليَين: 'provinces' أو 'metros'.
النوع: string
تلقائي: "العالم"
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط المدرّج التكراري

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00' أو كائن يضم ما يلي المواقع.

النوع: string أو object
تلقائي: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، كسلسلة لون HTML.

النوع: string
تلقائي: 'white'
chartArea

كائن يحتوي على أعضاء لضبط موضع مساحة الرسم البياني وحجمها (حيث يكون الرسم البياني نفسها، باستثناء المحور ووسائل الإيضاح). يتم دعم تنسيقين: رقم أو متبوعًا بنسبة مئوية. الرقم البسيط هو قيمة بالبكسل؛ رقم يليه % هو النسبة المئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
تلقائي: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون إما سلسلة سداسية عشرية (مثال: '#fdc') أو اسم لون إنجليزي. عند استخدام كائن، يمكن للخصائص التالية التي سيتم تقديمها:
  • stroke: اللون، يتم تقديمه كسلسلة سداسية عشرية أو اسم اللون الإنجليزي.
  • strokeWidth: في حال توفّره، يتم رسم حد حول منطقة الرسم البياني العرض (وبلون stroke).
النوع: string أو object/div>
تلقائي: 'white'
chartArea.height

ارتفاع مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.left

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.top

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.width

عرض مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
الألوان

الألوان المراد استخدامها لعناصر الرسم البياني يشير هذا المصطلح إلى صفيف من السلاسل يكون فيه كل عنصر بتنسيق HTML. سلسلة لون، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة للمحور الأفقي. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
تلقائي: null
hAxis.gridlines

كائن له خصائص لإعداد خطوط الشبكة على المحور الأفقي. لاحظ أن خطوط الشبكة ذات المحور الأفقي يتم رسمها عموديًا. لتحديد بخصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{color: '#333', minSpacing: 20}

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
تلقائي: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حددت رقمًا موجبًا لـ gridlines.count، ستُستخدم لحساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي. لحساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى

النوع: number
تلقائي: -1
hAxis.minorGridlines

كائن يحتوي على أعضاء لتهيئة خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
hAxis.minorGridlines.color

لون خطوط الشبكة الصغيرة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في الغالب، باستثناء إيقاف خطوط الشبكة الثانوية. عن طريق تعيين العد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن تمامًا على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (اطّلِع على hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.textPosition

موضع نص المحور الأفقي، بالنسبة إلى منطقة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
hAxis.textStyle

كائن يحدد نمط نص المحور الأفقي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

السمة hAxis التي تحدد عنوان المحور الأفقي.

النوع: string
تلقائي: null
hAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الأفقي. يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور الأفقي.

النوع: object
تلقائي: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
histogram.bucketSize

ترميز حجم كل شريط مدرج تكراري، بدلاً من السماح بتحديده باستخدام خوارزميات.

النوع: number
الإعداد التلقائي: تلقائي
histogram.hideBucketItems

حذف الانقسامات الرقيقة بين كتل المدرج التكراري، وتحويله إلى سلسلة من وأشرطة صلبة.

النوع: boolean
تلقائي: false
histogram.lastBucketPercentile

عند حساب حجم مجموعة المدرّج التكراري، تجاهل الجزء العلوي والسفلي lastBucketPercentile في المئة. القيم هي مضمّنة في المدرّج التكراري، ولكنها لا تؤثر في التجميع العنقودي.

النوع: number
تلقائي: 0
interpolateNulls

تحديد ما إذا كان يمكن تخمين قيمة النقاط المفقودة. إذا كانت true، ستخمّن لأي بيانات مفقودة بناءً على النقاط المجاورة. في حال false، سيتم اترك فاصلاً في السطر عند النقطة غير المعروفة.

لا يدعم ذلك من مخططات المنطقة ذات الخيار "isStacked: true/'percent'/'relative'/'absolute'".

النوع: boolean
تلقائي: false
isStacked

في حال الضبط على true، يعمل على تكديس العناصر لكل السلاسل في كل قيمة نطاق. ملاحظة: في العمود، المنطقة رسومات بيانية تستند إلى SteppedArea تعكس مخططات Google ترتيب عناصر التسمية التوضيحية لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، السلسلة 0 ستكون عنصر وسيلة الإيضاح السفلي). هذا النمط لا ينطبق على مخططات Bar.

ويتيح الخيار isStacked أيضًا استخدام التكديس بنسبة 100%، حيث يتم تجميع حزم من العناصر عند كل قيمة نطاق تتم إعادة تقييمها لإضافة ما يصل إلى 100%.

خيارات "isStacked" هي:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true — يكدّس العناصر لكل السلاسل في كل قيمة نطاق.
  • 'percent' — تكديس العناصر لكل السلاسل في كل قيمة نطاق وتعيد تقييمها بحيث تضيف ما يصل إلى 100٪، مع حساب قيمة كل عنصر على أنها بنسبة 100٪.
  • 'relative' — تكديس العناصر لكل السلاسل في كل قيمة نطاق وتعيد تقييمها بحيث تضيف ما يصل إلى 1، مع حساب قيمة كل عنصر على أنها الكسر من 1.
  • 'absolute': لا يؤدي هذا الإجراء إلى تغيير isStacked: true.

للتكديس بنسبة 100%، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد والقيمة الفعلية.

سيتم تلقائيًا ضبط المحور المستهدف على قيم التجزئة بناءً على المقياس النسبي من 0 إلى 1 ككسور. من 1 لـ 'relative'، ومن 0 إلى 100% لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم تحديد قيم المحور/علامة التجزئة. يتم عرضها كنسب مئوية، ومع ذلك فإن القيم الفعلية هي قيم المقياس النسبية 0-1. وذلك لأنّ مؤشرات محور النسبة المئوية هي نتيجة تطبيق التنسيق "#.##%". إلى قيم المقياس النسبية 0-1. عند استخدام "isStacked: 'percent'"، احرص على تحديد أي علامات/خطوط شبكة باستخدام قيم المقياس النسبية 0-1). يمكنك تخصيص خطوط الشبكة/قيم المؤشر والتنسيق باستخدام خيارات hAxis/vAxis المناسبة.

لا يتوافق التكديس بنسبة 100% إلا مع قيم البيانات من النوع number، ويجب ويكون لها خط الأساس صفر.

النوع: boolean/string
تلقائي: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
تلقائي: null
legend.position

موضع وسيلة الإيضاح. يمكن أن تكون الحالة واحدة مما يلي:

  • 'bottom': أسفل الرسم البياني
  • 'left': على يسار الرسم البياني، لا يتضمن المحور الأيسر أي سلسلة مرتبطة به. ولذلك، إذا كنت تريد وسيلة الإيضاح التي تظهر على اليمين، فاستخدم الخيار targetAxisIndex: 1.
  • 'in': داخل الرسم البياني أعلى اليمين
  • 'none' - لا يتم عرض أي وسيلة إيضاح.
  • 'right': على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top': أعلى الرسم البياني
النوع: string
تلقائي: 'right'
legendTextStyle

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال الضبط على true، يتم رسم سلسلة البيانات من اليمين إلى اليسار. الإعداد الافتراضي هو الرسم من اليسار إلى اليمين.

لا يُتاح هذا الخيار إلا discrete المحور major.

النوع: boolean
تلقائي: false
السلسلة

يشير ذلك المصطلح إلى مصفوفة من العناصر يصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. للاستخدام القيم التلقائية لسلسلة معيّنة، حدِّد كائنًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، فسيتم استخدام القيمة العمومية. ويوفّر كل كائن السمات التالية:

  • color - اللون المطلوب استخدامه لهذه السلسلة. حدِّد سلسلة لون HTML صالحة.
  • labelInLegend - وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني.
  • targetAxisIndex - المحور الذي يجب تخصيص هذه السلسلة له، حيث 0 هو الخيار التلقائي و1 هو المحور المقابل. القيمة التلقائية هي 0. على 1 لتحديد رسم بياني حيث يتم عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل على المحور الافتراضي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أن السلسلة يجب إدخال وسيلة إيضاح، ويعني false أنه لا ينبغي إدراجه. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يكون لكل فرع مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو الكائن الذي يضم كائنات متداخلة
تلقائي: {}
العنوان الفرعي

النص المطلوب عرضه أسفل عنوان الرسم البياني

النوع: string
تلقائي: بلا عنوان
subtitleTextStyle

كائن يحدد نمط نص العنوان.

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

المظهر هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق رسم بياني معيّن. السلوك أو التأثير البصري. يتوفّر مظهر واحد فقط في الوقت الحالي:

  • 'maximized' - لتكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التسميات داخل منطقة المخطط.
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تحدّد هذه السمة خصائص المحاور الرأسية الفردية إذا كان الرسم البياني يحتوي على عدة محاور رأسية. كل عنصر فرعي هو كائن vAxis، ويمكن أن يحتوي على جميع السمات متوافق مع vAxis. تلغي قيم الخصائص هذه أي إعدادات عمومية نفس الموقع.

لتحديد مخطط به محاور رأسية متعددة، حدد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. تشير رسالة الأشكال البيانية يعين المثال التالي السلسلة 2 على المحور الأيمن ويحدد عنوانًا ونصًا مخصصين نمطه: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

ويمكن أن تكون هذه السمة كائنًا أو مصفوفة، فالكائن عبارة عن مجموعة من الكائنات، ولكل منها تسمية رقمية تحدد المحور الذي يحدده--هذا هو التنسيق الموضح أعلاه؛ الصفيفة عبارة عن صفيف من الكائنات، واحد لكل محور. على سبيل المثال، يتبع نمط الصفيفة علامة مماثلة للكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
تلقائي: null
vAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة من المحور الرأسي. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
تلقائي: null
vAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الرأسي. بشكل تلقائي، يتم تطبيق القيم المنخفضة في الجزء السفلي من المخطط. تحديد -1 إلى عكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
vAxis.gridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة على المحور الرأسي لاحظ أن خطوط الشبكة ذات المحور الرأسي يتم رسمها أفقيًا. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{color: '#333', minSpacing: 20}

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
vAxis.gridlines.color

لون خطوط الشبكة الرأسية داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
تلقائي: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حددت رقمًا موجبًا لـ gridlines.count، ستُستخدم لحساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي. لحساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى

النوع: number
تلقائي: -1
vAxis.logScale

إذا كانت true، ستصبح المحور الرأسي مقياسًا لوغاريتميًا. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
تلقائي: false
vAxis.maxValue

نقل الحد الأقصى لقيمة المحور الرأسي إلى القيمة المحددة؛ سيكون هذا لأعلى في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
vAxis.minorGridlines

كائن يحتوي على أعضاء لتهيئة خطوط الشبكة الصغيرة على المحور الرأسي، على غرار vAxis.gridlines.

النوع: object
تلقائي: null
vAxis.minorGridlines.color

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في الغالب، باستثناء إيقاف خطوط الشبكة الثانوية. عن طريق تعيين العدّ على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل الزمني بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
تلقائي: 1
vAxis.minValue

نقل الحد الأدنى لقيمة المحور الرأسي إلى القيمة المحددة؛ فسيكون هذا إلى أسفل في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من قيمة الحد الأدنى لقيمة ص للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
تلقائي: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
vAxis.textStyle

كائن يحدد نمط نص المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
تلقائي: بلا عنوان
vAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور العمودي.

النوع: object
تلقائي: null
vAxis.viewWindow.max

الحد الأقصى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي
vAxis.viewWindow.min

الحد الأدنى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط الرسم البياني الخطي

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00' أو كائن يضم ما يلي المواقع.

النوع: string أو object
تلقائي: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، كسلسلة لون HTML.

النوع: string
تلقائي: 'white'
chartArea

كائن يحتوي على أعضاء لضبط موضع مساحة الرسم البياني وحجمها (حيث يكون الرسم البياني نفسها، باستثناء المحور ووسائل الإيضاح). يتم دعم تنسيقين: رقم أو متبوعًا بنسبة مئوية. الرقم البسيط هو قيمة بالبكسل؛ رقم يليه % هو النسبة المئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
تلقائي: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون إما سلسلة سداسية عشرية (مثال: '#fdc') أو اسم لون إنجليزي. عند استخدام كائن، يمكن للخصائص التالية التي سيتم تقديمها:
  • stroke: اللون، يتم تقديمه كسلسلة سداسية عشرية أو اسم اللون الإنجليزي.
  • strokeWidth: في حال توفّره، يتم رسم حد حول منطقة الرسم البياني العرض (وبلون stroke).
النوع: string أو object
تلقائي: 'white'
chartArea.height

ارتفاع مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.left

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.top

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.width

عرض مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
الألوان

الألوان المراد استخدامها لعناصر الرسم البياني يشير هذا المصطلح إلى صفيف من السلاسل يكون فيه كل عنصر بتنسيق HTML. سلسلة لون، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
curveType

تتحكّم هذه السياسة في منحنى الخطوط عندما لا يكون عرض الخط صفرًا. يمكن أن تكون الحالة واحدة مما يلي:

  • 'none' - خطوط مستقيمة بدون منحنى
  • 'function' - سيتم تجانس زوايا الخط.
النوع: string
تلقائي: 'بلا'
hAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة للمحور الأفقي. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
تلقائي: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. تحديد -1 إلى عكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

كائن له خصائص لإعداد خطوط الشبكة على المحور الأفقي. لاحظ أن خطوط الشبكة ذات المحور الأفقي يتم رسمها عموديًا. لتحديد بخصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{color: '#333', minSpacing: 20}

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
تلقائي: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حددت رقمًا موجبًا لـ gridlines.count، ستُستخدم لحساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي. لحساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى

النوع: number
تلقائي: -1
hAxis.logScale

سمة hAxis التي تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب إدخال كل أن تكون موجبة). عليك الضبط على true للإجابة بنعم.

هذا الخيار متاح فقط لمحور continuous.

النوع: boolean
تلقائي: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة؛ سيكون ذلك مباشرة في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من الحد الأقصى لقيمة "س" للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لتهيئة خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
hAxis.minorGridlines.color

لون خطوط الشبكة الصغيرة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع:string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في الغالب، باستثناء إيقاف خطوط الشبكة الثانوية. عن طريق تعيين العد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن تمامًا على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (اطّلِع على hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

نقل الحد الأدنى لقيمة المحور الأفقي إلى القيمة المحددة؛ فسيكون هذا متجهًا نحو اليسار في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من الحد الأدنى لقيمة "س" للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
تلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي، بالنسبة إلى منطقة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
hAxis.textStyle

كائن يحدد نمط نص المحور الأفقي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

السمة hAxis التي تحدد عنوان المحور الأفقي.

النوع: string
تلقائي: null
hAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الأفقي. يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور الأفقي.

النوع: object
تلقائي: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
interpolateNulls

تحديد ما إذا كان يمكن تخمين قيمة النقاط المفقودة. إذا كانت true، ستخمّن لأي بيانات مفقودة بناءً على النقاط المجاورة. في حال false، سيتم اترك فاصلاً في السطر عند النقطة غير المعروفة.

لا يدعم ذلك من مخططات المنطقة ذات الخيار "isStacked: true/'percent'/'relative'/'absolute'".

النوع: boolean
تلقائي: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
تلقائي: null
legend.position

موضع وسيلة الإيضاح. يمكن أن تكون الحالة واحدة مما يلي:

  • 'bottom': أسفل الرسم البياني
  • 'left': على يسار الرسم البياني، لا يتضمن المحور الأيسر أي سلسلة مرتبطة به. ولذلك، إذا كنت تريد وسيلة الإيضاح التي تظهر على اليمين، فاستخدم الخيار targetAxisIndex: 1.
  • 'in': داخل الرسم البياني أعلى اليمين
  • 'none' - لا يتم عرض أي وسيلة إيضاح.
  • 'right': على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top': أعلى الرسم البياني
النوع: string
تلقائي: 'right'
legendTextStyle

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

عرض خط البيانات بالبكسل. استخدِم الصفر لإخفاء جميع الأسطر وعرض النقاط فقط. يمكنك إلغاء القيم لسلسلة فردية باستخدام السمة series.

النوع: number
تلقائي: 2
pointShape

شكل عناصر البيانات الفردية: 'circle' أو 'triangle' أو 'square' أو 'diamond' أو 'star' أو 'polygon' عرض وثائق النقاط للاطّلاع على أمثلة.

النوع: string
تلقائي: 'circle'
pointSize

قطر النقاط المعروضة بالبكسل استخدِم صفرًا لإخفاء جميع النقاط. يمكنك إلغاء القيم. لسلسلة فردية باستخدام السمة series. إذا كنت تستخدم الاتجاه، سيؤثّر الخيار "pointSize" في عرض خط الاتجاه ما لم تلغِه. مع الخيار trendlines.n.pointsize.

النوع: number
تلقائي: 0
reverseCategories

في حال الضبط على true، يتم رسم سلسلة البيانات من اليمين إلى اليسار. الإعداد الافتراضي هو الرسم من اليسار إلى اليمين.

لا يُتاح هذا الخيار إلا discrete المحور major.

النوع: boolean
تلقائي: false
السلسلة

يشير ذلك المصطلح إلى مصفوفة من العناصر يصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. لاستخدام القيم التلقائية لسلسلة، حدِّد كائنًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، فسيتم استخدام القيمة العمومية. ويوفّر كل كائن السمات التالية:

  • annotations - كائن سيتم تطبيقه على التعليقات التوضيحية لهذه السلسلة. هذا النمط للتحكّم في textStyle للسلسلة مثلاً: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    يمكنك الاطّلاع على خيارات "annotations" المختلفة للحصول على قائمة أكثر اكتمالاً بما يمكن تنفيذه. المخصصة.

  • type - نوع العلامة لهذه السلسلة القيم الصالحة هي 'line' و'area', و"bars" و"steppedArea". لاحظ أن الأشرطة عبارة عن أشرطة عمودية (الأعمدة). يتم تحديد القيمة التلقائية من خلال خيار seriesType في الرسم البياني.
  • color - اللون المطلوب استخدامه لهذه السلسلة. حدِّد سلسلة لون HTML صالحة.
  • curveType - لإلغاء قيمة curveType العامة لهذه السلسلة
  • labelInLegend - وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني.
  • lineDashStyle - لإلغاء قيمة lineDashStyle العامة لهذا السلسلة.
  • lineWidth - لإلغاء قيمة lineWidth العامة لهذه السلسلة
  • pointShape - لإلغاء قيمة pointShape العامة لهذا السلسلة.
  • pointSize - لإلغاء قيمة pointSize العامة لهذه السلسلة
  • pointsVisible - لإلغاء قيمة pointsVisible العامة لهذا السلسلة.
  • targetAxisIndex - المحور الذي يجب تخصيص هذه السلسلة له، حيث 0 هو الخيار التلقائي و1 هو المحور المقابل. القيمة التلقائية هي 0. على 1 لتحديد رسم بياني حيث يتم عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل على المحور الافتراضي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أن السلسلة يجب إدخال وسيلة إيضاح، ويعني false أنه لا ينبغي إدراجه. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يكون لكل فرع مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان عن أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو الكائن الذي يضم كائنات متداخلة
تلقائي: {}
العنوان الفرعي

النص المطلوب عرضه أسفل عنوان الرسم البياني

النوع: string
تلقائي: بلا عنوان
subtitleTextStyle

كائن يحدد نمط نص العنوان.

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

المظهر هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق رسم بياني معيّن. السلوك أو التأثير البصري. يتوفّر مظهر واحد فقط في الوقت الحالي:

  • 'maximized' - لتكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التسميات داخل منطقة المخطط.
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
خطوط الاتجاه

الشاشات خطوط الاتجاه على المخططات التي تدعمهم. بشكل تلقائي، يتم ضبط linear من خطوط الاتجاه مستخدم آخر، ولكن يمكن تخصيصه باستخدام الخيار trendlines.n.type.

يتم تحديد خطوط الاتجاه على أساس كل سلسلة، لذلك ستظهر لك الخيارات في معظم الأوقات. النحو التالي: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
النوع: object
تلقائي: null
trendlines.n.color

لون خط الاتجاه , يتم التعبير عنه إما باسم لون إنجليزي أو سلسلة سداسية عشرية.

النوع: string
تلقائي: اللون التلقائي للسلسلة
trendlines.n.degree

بالنسبة خطوط الاتجاه type: 'polynomial'، درجة الخط متعدد الحدود (2 تربيعي، و3 للتكعيب، وهكذا).

النوع: number
تلقائي: 3
trendlines.n.labelInLegend

في حال ضبطها، خط الاتجاه ستظهر في وسيلة الإيضاح كهذه السلسلة.

النوع: string
تلقائي: null
trendlines.n.lineWidth

عرض الخط خط الاتجاه ، بالبكسل.

النوع: number
تلقائي: 2
trendlines.n.type

سواء كانت خطوط الاتجاه هي 'linear' (الخيار التلقائي) أو 'exponential' أو 'polynomial'

النوع: string
تلقائي: linear
trendlines.n.visibleInLegend

سواء كانت خط الاتجاه تظهر معادلة في وسيلة الإيضاح. سيظهر في تلميح خط الاتجاه.

النوع: boolean
تلقائي: false
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تحدّد هذه السمة خصائص المحاور الرأسية الفردية إذا كان الرسم البياني يحتوي على عدة محاور رأسية. كل عنصر فرعي هو كائن vAxis، ويمكن أن يحتوي على جميع السمات متوافق مع vAxis. تلغي قيم الخصائص هذه أي إعدادات عمومية نفس الموقع.

لتحديد مخطط به محاور رأسية متعددة، حدد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. تشير رسالة الأشكال البيانية يعين المثال التالي السلسلة 2 على المحور الأيمن ويحدد عنوانًا ونصًا مخصصين نمطه: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

ويمكن أن تكون هذه السمة كائنًا أو مصفوفة، فالكائن عبارة عن مجموعة من الكائنات، ولكل منها تسمية رقمية تحدد المحور الذي يحدده--هذا هو التنسيق الموضح أعلاه؛ الصفيفة عبارة عن صفيف من الكائنات، واحد لكل محور. على سبيل المثال، يتبع نمط الصفيفة علامة مماثلة للكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
تلقائي: null
vAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة من المحور الرأسي. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
تلقائي: null
vAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الرأسي. بشكل تلقائي، يتم تطبيق القيم المنخفضة في الجزء السفلي من المخطط. تحديد -1 إلى عكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
vAxis.gridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة على المحور الرأسي لاحظ أن خطوط الشبكة ذات المحور الرأسي يتم رسمها أفقيًا. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{color: '#333', minSpacing: 20}

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
vAxis.gridlines.color

لون خطوط الشبكة الرأسية داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
تلقائي: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حددت رقمًا موجبًا لـ gridlines.count، ستُستخدم لحساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي. لحساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى

النوع: number
تلقائي: -1
vAxis.logScale

إذا كانت true، ستصبح المحور الرأسي مقياسًا لوغاريتميًا. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
تلقائي: false
vAxis.maxValue

نقل الحد الأقصى لقيمة المحور الرأسي إلى القيمة المحددة؛ سيكون هذا لأعلى في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
vAxis.minorGridlines

كائن يحتوي على أعضاء لتهيئة خطوط الشبكة الصغيرة على المحور الرأسي، على غرار vAxis.gridlines.

النوع: object
تلقائي: null
vAxis.minorGridlines.color

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في الغالب، باستثناء إيقاف خطوط الشبكة الثانوية. عن طريق تعيين العدّ على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل الزمني بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
تلقائي: 1
vAxis.minValue

نقل الحد الأدنى لقيمة المحور الرأسي إلى القيمة المحددة؛ فسيكون هذا إلى أسفل في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من قيمة الحد الأدنى لقيمة ص للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
تلقائي: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
vAxis.textStyle

كائن يحدد نمط نص المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
تلقائي: بلا عنوان
vAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور العمودي.

النوع: object
تلقائي: null
vAxis.viewWindow.max

الحد الأقصى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي
vAxis.viewWindow.min

الحد الأدنى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي

خيارات ضبط الرسم البياني الهيكلي

الاسم
اللون

لون خلفية عناصر الرسم البياني الهيكلي

النوع: string
تلقائي: '#edf7ff'
selectionColor

لون الخلفية لعناصر الرسم البياني الهيكلي المحددة

النوع: string
تلقائي: '#d6e9f8'
الحجم

الحجم الإجمالي للرسم البياني. وتتضمّن الخيارات 'small' أو 'medium' أو 'large'.

النوع: string
تلقائي: 'medium'

خيارات ضبط الرسم البياني الدائري

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00' أو كائن يضم ما يلي المواقع.

النوع: string أو object
تلقائي: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، كسلسلة لون HTML.

النوع: string
تلقائي: 'white'
chartArea

كائن يحتوي على أعضاء لضبط موضع مساحة الرسم البياني وحجمها (حيث يكون الرسم البياني نفسها، باستثناء المحور ووسائل الإيضاح). يتم دعم تنسيقين: رقم أو متبوعًا بنسبة مئوية. الرقم البسيط هو قيمة بالبكسل؛ رقم يليه % هو النسبة المئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
تلقائي: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون إما سلسلة سداسية عشرية (مثال: '#fdc') أو اسم لون إنجليزي. عند استخدام كائن، يمكن للخصائص التالية التي سيتم تقديمها:
  • stroke: اللون، يتم تقديمه كسلسلة سداسية عشرية أو اسم اللون الإنجليزي.
  • strokeWidth: في حال توفّره، يتم رسم حد حول منطقة الرسم البياني العرض (وبلون stroke).
النوع: string أو object
تلقائي: 'white'
chartArea.height

ارتفاع مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.left

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.top

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.width

عرض مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
الألوان

الألوان المراد استخدامها لعناصر الرسم البياني يشير هذا المصطلح إلى صفيف من السلاسل يكون فيه كل عنصر بتنسيق HTML. سلسلة لون، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
is3D

إذا كانت true، ستعرض رسمًا بيانيًا ثلاثي الأبعاد.

النوع: boolean
تلقائي: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
تلقائي: null
legend.position

موضع وسيلة الإيضاح. يمكن أن تكون الحالة واحدة مما يلي:

  • 'bottom': أسفل الرسم البياني
  • 'left': على يسار الرسم البياني، لا يتضمن المحور الأيسر أي سلسلة مرتبطة به. ولذلك، إذا كنت تريد وسيلة الإيضاح التي تظهر على اليمين، فاستخدم الخيار targetAxisIndex: 1.
  • 'in': داخل الرسم البياني أعلى اليمين
  • 'none' - لا يتم عرض أي وسيلة إيضاح.
  • 'right': على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top': أعلى الرسم البياني
النوع: string
تلقائي: 'right'
legendTextStyle

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

إذا كانت قيمة العرض بين 0 و1، سيتم عرض رسم بياني دائري مجوف. نصف قطر الثقب يساوي number ضِعفًا في نصف قطر الرسم البياني

النوع: number
تلقائي: 0
pieSliceBorderColor

لون حدود الشريحة. لا ينطبق هذا الإجراء إلا عندما يكون الرسم البياني ثنائي الأبعاد.

النوع: string
تلقائي: 'white'
pieSliceText

محتوى النص المعروض على الشريحة يمكن أن تكون الحالة واحدة مما يلي:

  • 'percentage' - النسبة المئوية لحجم الشريحة من الإجمالي
  • 'value' - القيمة الكمية للشريحة.
  • 'label' - اسم الشريحة
  • 'none': لا يتم عرض أي نص.
النوع: string
تلقائي: 'percentage'
pieSliceTextStyle

كائن يحدد نمط نص الشريحة. يحتوي الكائن على التنسيق التالي:

{color: <string>, fontName: <string>, fontSize: <number>}

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال الضبط على true، يتم رسم سلسلة البيانات من اليمين إلى اليسار. الإعداد الافتراضي هو الرسم من اليسار إلى اليمين.

لا يُتاح هذا الخيار إلا discrete المحور major.

النوع: boolean
تلقائي: false
slices.color

اللون المطلوب استخدامه لهذه الشريحة.

النوع: string
العنوان الفرعي

النص المطلوب عرضه أسفل عنوان الرسم البياني

النوع: string
تلقائي: بلا عنوان
subtitleTextStyle

كائن يحدد نمط نص العنوان.

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

خيارات إعداد الرسم البياني المبعثر

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00' أو كائن يضم ما يلي المواقع.

النوع: string أو object
تلقائي: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، كسلسلة لون HTML.

النوع:string
تلقائي: 'white'
chartArea

كائن يحتوي على أعضاء لضبط موضع مساحة الرسم البياني وحجمها (حيث يكون الرسم البياني نفسها، باستثناء المحور ووسائل الإيضاح). يتم دعم تنسيقين: رقم أو متبوعًا بنسبة مئوية. الرقم البسيط هو قيمة بالبكسل؛ رقم يليه % هو النسبة المئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
تلقائي: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون إما سلسلة سداسية عشرية (مثال: '#fdc') أو اسم لون إنجليزي. عند استخدام كائن، يمكن للخصائص التالية التي سيتم تقديمها:
  • stroke: اللون، يتم تقديمه كسلسلة سداسية عشرية أو اسم اللون الإنجليزي.
  • strokeWidth: في حال توفّره، يتم رسم حد حول منطقة الرسم البياني العرض (وبلون stroke).
النوع: string أو object
تلقائي: 'white'
chartArea.height

ارتفاع مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.left

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.top

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.width

عرض مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
الألوان

الألوان المراد استخدامها لعناصر الرسم البياني يشير هذا المصطلح إلى صفيف من السلاسل يكون فيه كل عنصر بتنسيق HTML. سلسلة لون، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
curveType

تتحكّم هذه السياسة في منحنى الخطوط عندما لا يكون عرض الخط صفرًا. يمكن أن تكون الحالة واحدة مما يلي:

  • 'none' - خطوط مستقيمة بدون منحنى
  • 'function' - سيتم تجانس زوايا الخط.
النوع:string
تلقائي: 'بلا'
hAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة للمحور الأفقي. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
تلقائي: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. تحديد -1 إلى عكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.gridlines

كائن له خصائص لإعداد خطوط الشبكة على المحور الأفقي. لاحظ أن خطوط الشبكة ذات المحور الأفقي يتم رسمها عموديًا. لتحديد بخصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{color: '#333', minSpacing: 20}

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
hAxis.gridlines.color

لون خطوط الشبكة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
تلقائي: '#CCC'
hAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حددت رقمًا موجبًا لـ gridlines.count، ستُستخدم لحساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي. لحساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى

النوع: number
تلقائي: -1
hAxis.logScale

سمة hAxis التي تجعل المحور الأفقي عبارة عن مقياس لوغاريتمي (يجب إدخال كل أن تكون موجبة). عليك الضبط على true للإجابة بنعم.

هذا الخيار متاح فقط لمحور continuous.

النوع: boolean
تلقائي: false
hAxis.maxValue

نقل الحد الأقصى لقيمة المحور الأفقي إلى القيمة المحددة؛ سيكون ذلك مباشرة في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من الحد الأقصى لقيمة "س" للبيانات. تلغي hAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
hAxis.minorGridlines

كائن يحتوي على أعضاء لتهيئة خطوط الشبكة الصغيرة على المحور الأفقي، على غرار الخيار hAxis.gridlines.

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
hAxis.minorGridlines.color

لون خطوط الشبكة الصغيرة الأفقية داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
hAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في الغالب، باستثناء إيقاف خطوط الشبكة الثانوية. عن طريق تعيين العد على 0. يعتمد عدد خطوط الشبكة الثانوية الآن تمامًا على الفاصل الزمني بين خطوط الشبكة الرئيسية (راجِع hAxis.gridlines.interval) والحد الأدنى للمساحة المطلوبة (اطّلِع على hAxis.minorGridlines.minSpacing).

النوع: number
تلقائي: 1
hAxis.minValue

نقل الحد الأدنى لقيمة المحور الأفقي إلى القيمة المحددة؛ فسيكون هذا متجهًا نحو اليسار في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من الحد الأدنى لقيمة "س" للبيانات. تلغي hAxis.viewWindow.min هذه السمة.

النوع: number
تلقائي: تلقائي
hAxis.textPosition

موضع نص المحور الأفقي، بالنسبة إلى منطقة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
hAxis.textStyle

كائن يحدد نمط نص المحور الأفقي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

السمة hAxis التي تحدد عنوان المحور الأفقي.

النوع: string
تلقائي: null
hAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الأفقي. يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور الأفقي.

النوع: object
تلقائي: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
تلقائي: null
legend.position

موضع وسيلة الإيضاح. يمكن أن تكون الحالة واحدة مما يلي:

  • 'bottom': أسفل الرسم البياني
  • 'left': على يسار الرسم البياني، لا يتضمن المحور الأيسر أي سلسلة مرتبطة به. ولذلك، إذا كنت تريد وسيلة الإيضاح التي تظهر على اليمين، فاستخدم الخيار targetAxisIndex: 1.
  • 'in': داخل الرسم البياني أعلى اليمين
  • 'none' - لا يتم عرض أي وسيلة إيضاح.
  • 'right': على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top'- أعلى الرسم البياني
النوع: string
تلقائي: 'right'
legendTextStyle

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

عرض خط البيانات بالبكسل. استخدِم الصفر لإخفاء جميع الأسطر وعرض النقاط فقط. يمكنك إلغاء القيم لسلسلة فردية باستخدام السمة series.

النوع: number
تلقائي: 2
pointShape

شكل عناصر البيانات الفردية: 'circle' أو 'triangle' أو 'square' أو 'diamond' أو 'star' أو 'polygon' عرض وثائق النقاط للاطّلاع على أمثلة.

النوع: string
تلقائي: 'circle'
pointSize

قطر النقاط المعروضة بالبكسل استخدِم صفرًا لإخفاء جميع النقاط. يمكنك إلغاء القيم. لسلسلة فردية باستخدام السمة series. إذا كنت تستخدم الاتجاه، سيؤثّر الخيار "pointSize" في عرض خط الاتجاه ما لم تلغِه. مع الخيار trendlines.n.pointsize.

النوع: number
تلقائي: 0
السلسلة

يشير ذلك المصطلح إلى مصفوفة من العناصر يصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. للاستخدام القيم التلقائية لسلسلة معيّنة، حدِّد كائنًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، فسيتم استخدام القيمة العمومية. ويوفّر كل كائن السمات التالية:

  • color - اللون المطلوب استخدامه لهذه السلسلة. حدِّد سلسلة لون HTML صالحة.
  • labelInLegend - وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني.
  • lineWidth - لإلغاء قيمة lineWidth العامة لهذه السلسلة
  • pointShape - لإلغاء قيمة pointShape العامة لهذا السلسلة.
  • pointSize - لإلغاء قيمة pointSize العامة لهذه السلسلة
  • pointsVisible - لإلغاء قيمة pointsVisible العامة لهذا السلسلة.
  • visibleInLegend - قيمة boolean، حيث تعني true أن السلسلة يجب إدخال وسيلة إيضاح، ويعني false أنه لا ينبغي إدراجه. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يكون لكل فرع مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، التعريفان التاليان متطابقان، ويعلنان عن أن السلسلة الأولى سوداء وبدونها من وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر وبدونها من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو الكائن الذي يضم كائنات متداخلة
تلقائي: {}
العنوان الفرعي

النص المطلوب عرضه أسفل عنوان الرسم البياني

النوع: string
تلقائي: بلا عنوان
subtitleTextStyle

كائن يحدد نمط نص العنوان.

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

المظهر هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق رسم بياني معيّن. السلوك أو التأثير البصري. يتوفّر مظهر واحد فقط في الوقت الحالي:

  • 'maximized' - لتكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التسميات داخل منطقة المخطط.
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
خطوط الاتجاه

الشاشات خطوط الاتجاه على المخططات التي تدعمهم. بشكل تلقائي، يتم ضبط linear من خطوط الاتجاه مستخدم آخر، ولكن يمكن تخصيصه باستخدام الخيار trendlines.n.type.

يتم تحديد خطوط الاتجاه على أساس كل سلسلة، لذلك ستظهر لك الخيارات في معظم الأوقات. النحو التالي: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
النوع: object
تلقائي: null
trendlines.n.color

لون خط الاتجاه , يتم التعبير عنه إما باسم لون إنجليزي أو سلسلة سداسية عشرية.

النوع: string
تلقائي: اللون التلقائي للسلسلة
trendlines.n.degree

بالنسبة خطوط الاتجاه type: 'polynomial'، درجة الخط متعدد الحدود (2 تربيعي، و3 للتكعيب، وهكذا).

النوع: number
تلقائي: 3
trendlines.n.labelInLegend

في حال ضبطها، خط الاتجاه ستظهر في وسيلة الإيضاح كهذه السلسلة.

النوع: string
تلقائي: null
trendlines.n.lineWidth

عرض الخط خط الاتجاه ، بالبكسل.

النوع: number
تلقائي: 2
trendlines.n.type

سواء كانت خطوط الاتجاه هي 'linear' (الخيار التلقائي) أو 'exponential' أو 'polynomial'

النوع: string
تلقائي: linear
trendlines.n.visibleInLegend

سواء كانت خط الاتجاه تظهر معادلة في وسيلة الإيضاح. سيظهر في تلميح خط الاتجاه.

النوع: boolean
تلقائي: false
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تحدّد هذه السمة خصائص المحاور الرأسية الفردية إذا كان الرسم البياني يحتوي على عدة محاور رأسية. كل عنصر فرعي هو كائن vAxis، ويمكن أن يحتوي على جميع السمات متوافق مع vAxis. تلغي قيم الخصائص هذه أي إعدادات عمومية نفس الموقع.

لتحديد مخطط به محاور رأسية متعددة، حدد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. تشير رسالة الأشكال البيانية يعين المثال التالي السلسلة 2 على المحور الأيمن ويحدد عنوانًا ونصًا مخصصين نمطه: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

ويمكن أن تكون هذه السمة كائنًا أو مصفوفة، فالكائن عبارة عن مجموعة من الكائنات، ولكل منها تسمية رقمية تحدد المحور الذي يحدده--هذا هو التنسيق الموضح أعلاه؛ الصفيفة عبارة عن صفيف من الكائنات، واحد لكل محور. على سبيل المثال، يتبع نمط الصفيفة علامة مماثلة للكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
تلقائي: null
vAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة من المحور الرأسي. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
تلقائي: null
vAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الرأسي. بشكل تلقائي، يتم تطبيق القيم المنخفضة في الجزء السفلي من المخطط. تحديد -1 إلى عكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
vAxis.gridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة على المحور الرأسي لاحظ أن خطوط الشبكة ذات المحور الرأسي يتم رسمها أفقيًا. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{color: '#333', minSpacing: 20}

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
vAxis.gridlines.color

لون خطوط الشبكة الرأسية داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
تلقائي: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حددت رقمًا موجبًا لـ gridlines.count، ستُستخدم لحساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي. لحساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى

النوع: number
تلقائي: -1
vAxis.logScale

إذا كانت true، ستصبح المحور الرأسي مقياسًا لوغاريتميًا. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
تلقائي: false
vAxis.maxValue

نقل الحد الأقصى لقيمة المحور الرأسي إلى القيمة المحددة؛ سيكون هذا لأعلى في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
vAxis.minorGridlines

كائن يحتوي على أعضاء لتهيئة خطوط الشبكة الصغيرة على المحور الرأسي، على غرار vAxis.gridlines.

النوع: object
تلقائي: null
vAxis.minorGridlines.color

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في الغالب، باستثناء إيقاف خطوط الشبكة الثانوية. عن طريق تعيين العدّ على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل الزمني بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
تلقائي: 1
vAxis.minValue

نقل الحد الأدنى لقيمة المحور الرأسي إلى القيمة المحددة؛ فسيكون هذا إلى أسفل في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من قيمة الحد الأدنى لقيمة ص للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
تلقائي: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
vAxis.textStyle

كائن يحدد نمط نص المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
تلقائي: بلا عنوان
vAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور العمودي.

النوع: object
تلقائي: null
vAxis.viewWindow.max

الحد الأقصى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي
vAxis.viewWindow.min

الحد الأدنى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي

خيارات إعداد الرسم البياني المساحي المدرّج

الاسم
areaOpacity

يُعد التعتيم الافتراضي للمنطقة الملونة أسفل سلسلة مخطط مساحي، حيث تكون الدالة 0.0 شفافة تمامًا و1.0 غير شفافة بشكل كامل. لتحديد التعتيم لـ سلسلة فردية، اضبط القيمة areaOpacity في السمة series.

النوع: number، 0.0- 1.0
تلقائي: 0.3
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00' أو كائن يضم ما يلي المواقع.

النوع: string أو object
تلقائي: 'white'
backgroundColor.fill

لون تعبئة الرسم البياني، كسلسلة لون HTML.

النوع: string
تلقائي: 'white'
chartArea

كائن يحتوي على أعضاء لضبط موضع مساحة الرسم البياني وحجمها (حيث يكون الرسم البياني نفسها، باستثناء المحور ووسائل الإيضاح). يتم دعم تنسيقين: رقم أو متبوعًا بنسبة مئوية. الرقم البسيط هو قيمة بالبكسل؛ رقم يليه % هو النسبة المئوية. مثلاً: chartArea:{left:20,top:0,width:'50%',height:'75%'}

النوع: object
تلقائي: null
chartArea.backgroundColor
لون خلفية الرسم البياني عند استخدام سلسلة، يمكن أن تكون إما سلسلة سداسية عشرية (مثال: '#fdc') أو اسم لون إنجليزي. عند استخدام كائن، يمكن للخصائص التالية التي سيتم تقديمها:
  • stroke: اللون، يتم تقديمه كسلسلة سداسية عشرية أو اسم اللون الإنجليزي.
  • strokeWidth: في حال توفّره، يتم رسم حد حول منطقة الرسم البياني العرض (وبلون stroke).
النوع: string أو object
تلقائي: 'white'
chartArea.height

ارتفاع مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.left

مقدار المسافة لرسم الرسم البياني من الحد الأيسر.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.top

مقدار المسافة لرسم الرسم البياني من الحد العلوي.

النوع: number أو string
الإعداد التلقائي: تلقائي
chartArea.width

عرض مساحة الرسم البياني

النوع: number أو string
الإعداد التلقائي: تلقائي
الألوان

الألوان المراد استخدامها لعناصر الرسم البياني يشير هذا المصطلح إلى صفيف من السلاسل يكون فيه كل عنصر بتنسيق HTML. سلسلة لون، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
hAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة للمحور الأفقي. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
النوع: object
تلقائي: null
hAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الأفقي. تحديد -1 إلى عكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
hAxis.textPosition

موضع نص المحور الأفقي، بالنسبة إلى منطقة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
hAxis.textStyle

كائن يحدد نمط نص المحور الأفقي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

السمة hAxis التي تحدد عنوان المحور الأفقي.

النوع: string
تلقائي: null
hAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الأفقي. يحتوي الكائن على التنسيق التالي: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور الأفقي.

النوع: object
تلقائي: null
hAxis.viewWindow.max

الحد الأقصى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
hAxis.viewWindow.min

الحد الأدنى لقيمة البيانات الأفقية المطلوب عرضها.

يتم تجاهل السياسة عندما تكون قيمة hAxis.viewWindowMode هي 'pretty' أو 'maximized'.

النوع: number
الإعداد التلقائي: تلقائي
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
isStacked

في حال الضبط على true، يعمل على تكديس العناصر لكل السلاسل في كل قيمة نطاق. ملاحظة: في العمود، المنطقة رسومات بيانية تستند إلى SteppedArea تعكس مخططات Google ترتيب عناصر التسمية التوضيحية لتتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، السلسلة 0 ستكون عنصر وسيلة الإيضاح السفلي). هذا النمط لا ينطبق على مخططات Bar.

ويتيح الخيار isStacked أيضًا استخدام التكديس بنسبة 100%، حيث يتم تجميع حزم من العناصر عند كل قيمة نطاق تتم إعادة تقييمها لإضافة ما يصل إلى 100%.

خيارات "isStacked" هي:

  • false: لن يتم تكديس العناصر. وتجدر الإشارة إلى أنّ هذا هو الخيار التلقائي.
  • true — يكدّس العناصر لكل السلاسل في كل قيمة نطاق.
  • 'percent' — تكديس العناصر لكل السلاسل في كل قيمة نطاق وتعيد تقييمها بحيث تضيف ما يصل إلى 100٪، مع حساب قيمة كل عنصر على أنها بنسبة 100٪.
  • 'relative' — تكديس العناصر لكل السلاسل في كل قيمة نطاق وتعيد تقييمها بحيث تضيف ما يصل إلى 1، مع حساب قيمة كل عنصر على أنها الكسر من 1.
  • 'absolute': لا يؤدي هذا الإجراء إلى تغيير isStacked: true.

للتكديس بنسبة 100%، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد والقيمة الفعلية.

سيتم تلقائيًا ضبط المحور المستهدف على قيم التجزئة بناءً على المقياس النسبي من 0 إلى 1 ككسور. من 1 لـ 'relative'، ومن 0 إلى 100% لـ 'percent' (ملاحظة: عند استخدام الخيار 'percent'، يتم تحديد قيم المحور/علامة التجزئة. يتم عرضها كنسب مئوية، ومع ذلك فإن القيم الفعلية هي قيم المقياس النسبية 0-1. وذلك لأنّ مؤشرات محور النسبة المئوية هي نتيجة تطبيق التنسيق "#.##%". إلى قيم المقياس النسبية 0-1. عند استخدام "isStacked: 'percent'"، احرص على تحديد أي علامات/خطوط شبكة باستخدام قيم المقياس النسبية 0-1). يمكنك تخصيص خطوط الشبكة/قيم المؤشر والتنسيق باستخدام خيارات hAxis/vAxis المناسبة.

لا يتوافق التكديس بنسبة 100% إلا مع قيم البيانات من النوع number، ويجب ويكون لها خط الأساس صفر.

النوع: boolean/ string
تلقائي: false
أسطورة

كائن يحتوي على أعضاء لضبط جوانب مختلفة من وسيلة الإيضاح. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
النوع: object
تلقائي: null
legend.position

موضع وسيلة الإيضاح. يمكن أن تكون الحالة واحدة مما يلي:

  • 'bottom': أسفل الرسم البياني
  • 'left': على يسار الرسم البياني، لا يتضمن المحور الأيسر أي سلسلة مرتبطة به. ولذلك، إذا كنت تريد وسيلة الإيضاح التي تظهر على اليمين، فاستخدم الخيار targetAxisIndex: 1.
  • 'in': داخل الرسم البياني أعلى اليمين
  • 'none' - لا يتم عرض أي وسيلة إيضاح.
  • 'right': على يسار الرسم البياني غير متوافق مع الخيار vAxes.
  • 'top': أعلى الرسم البياني
النوع: string
تلقائي: 'right'
legendTextStyle

كائن يحدد نمط نص وسيلة الإيضاح. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

في حال الضبط على true، يتم رسم سلسلة البيانات من اليمين إلى اليسار. الإعداد الافتراضي هو الرسم من اليسار إلى اليمين.

لا يُتاح هذا الخيار إلا discrete المحور major.

النوع: boolean
تلقائي: false
السلسلة

يشير ذلك المصطلح إلى مصفوفة من العناصر يصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. لاستخدام القيم التلقائية لسلسلة، حدِّد كائنًا فارغًا {}. إذا لم يتم تحديد سلسلة أو قيمة، فسيتم استخدام القيمة العمومية. ويوفّر كل كائن السمات التالية:

  • areaOpacity - لإلغاء areaOpacity العام لهذه السلسلة.
  • color - اللون المطلوب استخدامه لهذه السلسلة. حدِّد سلسلة لون HTML صالحة.
  • type - نوع العلامة لهذه السلسلة القيم الصالحة هي 'line' و'area', و"bars" و"steppedArea". لاحظ أن الأشرطة عبارة عن أشرطة عمودية (الأعمدة). يتم تحديد القيمة التلقائية من خلال خيار seriesType في الرسم البياني.
  • labelInLegend - وصف السلسلة التي ستظهر في وسيلة إيضاح الرسم البياني.
  • lineDashStyle - لإلغاء قيمة lineDashStyle العامة لهذا السلسلة.
  • targetAxisIndex - المحور الذي يجب تخصيص هذه السلسلة له، حيث يكون 0 هو الإعداد التلقائي و1 هو المحور المقابل. القيمة التلقائية هي 0. على 1 لتحديد رسم بياني حيث يتم عرض سلاسل مختلفة على محاور مختلفة. يجب تخصيص سلسلة واحدة على الأقل على المحور الافتراضي. يمكنك تحديد مقياس مختلف لمحاور مختلفة.
  • visibleInLegend - قيمة boolean، حيث تعني true أن السلسلة يجب إدخال وسيلة إيضاح، ويعني false أنه لا ينبغي إدراجه. القيمة التلقائية هي true.

يمكنك تحديد مصفوفة من الكائنات، ينطبق كل منها على السلسلة بالترتيب المقدم، أو يمكنك تحديد كائن حيث يحتوي كل فرع على مفتاح رقمي يشير إلى السلسلة التي تنطبق عليها.على سبيل المثال، التعريفان التاليان متطابقان، وأعلن أن السلسلة الأولى باللون الأسود وغائمة عن وسيلة الإيضاح، والسلسلة الرابعة باللون الأحمر ومغيبة من وسيلة الإيضاح: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
النوع: مصفوفة من العناصر أو الكائن الذي يضم كائنات متداخلة
تلقائي: {}
العنوان الفرعي

النص المطلوب عرضه أسفل عنوان الرسم البياني

النوع: string
تلقائي: بلا عنوان
subtitleTextStyle

كائن يحدد نمط نص العنوان.

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
مظهر

المظهر هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق رسم بياني معيّن. السلوك أو التأثير البصري. يتوفّر مظهر واحد فقط في الوقت الحالي:

  • 'maximized' - لتكبير مساحة الرسم البياني ورسم وسيلة الإيضاح وجميع التسميات داخل منطقة المخطط.
النوع: string
تلقائي: null
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

في حال ضبط هذه القيمة على true، سيتعامل الرسم البياني مع العمود على أنّه عمود نص.

النوع: boolean
useFirstColumnAsDomain

وفي حال ضبط هذه السياسة على true، سيتعامل الرسم البياني مع العمود على أنّه النطاق.

النوع: boolean
vAxes

تحدّد هذه السمة خصائص المحاور الرأسية الفردية إذا كان الرسم البياني يحتوي على عدة محاور رأسية. كل عنصر فرعي هو كائن vAxis، ويمكن أن يحتوي على جميع السمات متوافق مع vAxis. تلغي قيم الخصائص هذه أي إعدادات عمومية نفس الموقع.

لتحديد مخطط به محاور رأسية متعددة، حدد أولاً محورًا جديدًا باستخدام series.targetAxisIndex، ثم اضبط المحور باستخدام vAxes. تشير رسالة الأشكال البيانية يعين المثال التالي السلسلة 2 على المحور الأيمن ويحدد عنوانًا ونصًا مخصصين نمطه: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

ويمكن أن تكون هذه السمة كائنًا أو مصفوفة، فالكائن عبارة عن مجموعة من الكائنات، ولكل منها تسمية رقمية تحدد المحور الذي يحدده--هذا هو التنسيق الموضح أعلاه؛ الصفيفة عبارة عن صفيف من الكائنات، واحد لكل محور. على سبيل المثال، يتبع نمط الصفيفة علامة مماثلة للكائن vAxis الموضح أعلاه: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
النوع: مصفوفة من الكائن أو الكائن يضم عناصر ثانوية
تلقائي: null
vAxis

كائن يحتوي على أعضاء لضبط عناصر متعددة من المحور الرأسي. لتحديد خصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
النوع: object
تلقائي: null
vAxis.direction

الاتجاه الذي تنمو به القيم على طول المحور الرأسي. بشكل تلقائي، يتم تطبيق القيم المنخفضة في الجزء السفلي من المخطط. تحديد -1 إلى عكس ترتيب القيم.

النوع: 1 أو -1
تلقائي: 1
vAxis.gridlines

كائن يحتوي على أعضاء لضبط خطوط الشبكة على المحور الرأسي لاحظ أن خطوط الشبكة ذات المحور الرأسي يتم رسمها أفقيًا. لتحديد الخصائص لهذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضح هنا: 

{color: '#333', minSpacing: 20}

لا يُتاح هذا الخيار إلا continuous على المحور.

النوع: object
تلقائي: null
vAxis.gridlines.color

لون خطوط الشبكة الرأسية داخل منطقة الرسم البياني. حدِّد سلسلة لون HTML صالحة.

النوع: string
تلقائي: '#CCC'
vAxis.gridlines.count

العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة الرسم البياني. إذا حددت رقمًا موجبًا لـ gridlines.count، ستُستخدم لحساب minSpacing بين خطوط الشبكة. يمكنك تحديد القيمة 1 لرسم خط شبكة واحد فقط، أو 0 لرسم أي خطوط شبكة. حدِّد -1، وهو الإعداد التلقائي. لحساب عدد خطوط الشبكة تلقائيًا استنادًا إلى خيارات أخرى

النوع: number
تلقائي: -1
vAxis.logScale

إذا كانت true، ستصبح المحور الرأسي مقياسًا لوغاريتميًا. ملاحظة: يجب أن تكون جميع القيم موجبة.

النوع: boolean
تلقائي: false
vAxis.maxValue

نقل الحد الأقصى لقيمة المحور الرأسي إلى القيمة المحددة؛ سيكون هذا لأعلى في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أصغر من قيمة الحد الأقصى لقيمة "ص" للبيانات. تلغي vAxis.viewWindow.max هذه السمة.

النوع: number
تلقائي: تلقائي
vAxis.minorGridlines

كائن يحتوي على أعضاء لتهيئة خطوط الشبكة الصغيرة على المحور الرأسي، على غرار vAxis.gridlines.

النوع: object
تلقائي: null
vAxis.minorGridlines.color

لون خطوط الشبكة الرأسية الصغيرة داخل منطقة الرسم البياني. يُرجى تحديد لون HTML صالح. السلسلة.

النوع: string
الوضع التلقائي: مزيج من خطوط الشبكة وألوان الخلفية
vAxis.minorGridlines.count

يتم إيقاف الخيار minorGridlines.count نهائيًا في الغالب، باستثناء إيقاف خطوط الشبكة الثانوية. عن طريق تعيين العدّ على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل الزمني بين خطوط الشبكة الرئيسية والحد الأدنى للمساحة المطلوبة.

النوع: number
تلقائي: 1
vAxis.minValue

نقل الحد الأدنى لقيمة المحور الرأسي إلى القيمة المحددة؛ فسيكون هذا إلى أسفل في في معظم المخططات. يتم تجاهل السياسة إذا تم ضبط هذه السمة على قيمة أكبر من قيمة الحد الأدنى لقيمة ص للبيانات. تلغي vAxis.viewWindow.min هذه السمة.

النوع: number
تلقائي: null
vAxis.textPosition

موضع نص المحور الرأسي، بالنسبة إلى مساحة الرسم البياني القيم المسموح بها: 'out' و'in' و'none'.

النوع: string
تلقائي: 'out'
vAxis.textStyle

كائن يحدد نمط نص المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

تحدّد عنوانًا للمحور العمودي.

النوع: string
تلقائي: بلا عنوان
vAxis.titleTextStyle

كائن يحدد نمط نص عنوان المحور الرأسي. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

لتحديد نطاق الاقتصاص للمحور العمودي.

النوع: object
تلقائي: null
vAxis.viewWindow.max

الحد الأقصى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي
vAxis.viewWindow.min

الحد الأدنى لقيمة بيانات موضع الإعلان المطلوب عرضها.

يتم تجاهلها عندما تكون قيمة vAxis.viewWindowMode "رائعة" أو "مكبَّر".

النوع: number
الإعداد التلقائي: تلقائي
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط الرسم البياني الجدولي

الاسم
alternatingRowStyle

تحدد ما إذا كان سيتم تعيين نمط اللون البديل إلى الصفوف الفردية والزوجية.

النوع: boolean
تلقائي: true
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
صفحة

ما إذا كانت طريقة تفعيل التنقل بين البيانات بين البيانات وطريقة تفعيله. اختَر إحدى قيم string التالية:

  • 'enable' - سيتضمّن الجدول ميزتَي "إعادة توجيه الصفحة" و"رجوع إلى الصفحة". الأزرار. سيؤدي النقر فوق هذه الأزرار إلى إجراء عملية الترحيل لتغيير الصفحة المعروضة. ننصحك أيضًا بضبط الخيار pageSize.
  • 'event' - سيتضمّن الجدول زرَّي "الصفحة التالية" و"رجوع إلى الصفحة" مع النقر عليهما سيؤدي إلى تشغيل حدث 'page' ولن يغيّر الصفحة المعروضة. يجب أن يكون هذا الخيار يتم استخدامه عندما ينفذ الرمز منطق تحوّل الصفحة الخاص به. يمكنك الاطّلاع على مثال على TableQueryWrapper للاطّلاع على مثال على كيفية التعامل مع أحداث ترقيم الصفحات يدويًا.
  • 'disable' - [الخيار التلقائي] لا يمكن استخدام ترقيم الصفحات.
    • النوع: string
    تلقائي: 'disable'
pageSize

عدد الصفوف في كل صفحة، عند تفعيل خيار الصفحة على الصفحات.

النوع: number
تلقائي: 10
showRowNumber

وفي حال ضبط هذه السياسة على true، سيتم عرض رقم الصف كأول عمود في الجدول.

النوع: boolean
تلقائي: false
ترتيب

ما إذا كان يتم ترتيب الأعمدة وطريقة ترتيبها عندما ينقر المستخدم على عنوان عمود إذا تم تمكين التصنيف، ننصحك أيضًا بإعداد السمتَين sortAscending وsortColumn. اختَر أحد الخيارات التالية: القيمتان string التاليتان:

  • 'enable' - [تلقائي] يمكن للمستخدمين النقر على رؤوس الأعمدة للترتيب حسب ما تم النقر عليه. . عندما ينقر المستخدمون فوق رأس العمود، يتم فرز الصفوف تلقائيًا، ويتم تشغيل حدث 'sort'.
  • 'event': عندما ينقر المستخدمون على عنوان العمود، يتم تشغيل حدث 'sort'، ولكن لا يتم فرز الصفوف تلقائيًا. يجب استخدام هذا الخيار عندما تكون الصفحة تنفذ الفرز الخاص بها. يمكنك الاطّلاع على مثال على TableQueryWrapper للحصول على مثال حول كيفية التعامل مع فرز الأحداث يدويًا.
  • 'disable'- ما مِن تأثير للنقر على عنوان عمود.
النوع: string
تلقائي: 'enable'
sortAscending

هذا هو الترتيب الذي يتم به ترتيب عمود الترتيب الأولي. True للتصاعدي، وfalse للترتيب التصاعدي تنازليًا. يتم تجاهل السياسة إذا لم يتم تحديد السمة sortColumn.

النوع: boolean
تلقائي: true
sortColumn

فهرس عمود في جدول البيانات، ويتم ترتيب الجدول وفقًا له في البداية. العمود بسهم صغير يشير إلى نظام الفرز.

النوع: number
تلقائي: -1
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط المخطط الزمني

الاسم
backgroundColor

لون الخلفية للمنطقة الرئيسية من الرسم البياني. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: 'red' أو '#00cc00' أو كائن يضم ما يلي المواقع.

النوع: string أو object
تلقائي: 'white'
الألوان

الألوان المراد استخدامها لعناصر الرسم البياني يشير هذا المصطلح إلى صفيف من السلاسل يكون فيه كل عنصر بتنسيق HTML. سلسلة لون، على سبيل المثال: colors:['red','#004411'].

النوع: مصفوفة من السلاسل
تلقائي: الألوان التلقائية
الطول

ارتفاع الرسم البياني بالبكسل

النوع: number
التلقائي: ارتفاع العنصر الذي يحتوي على الصورة
العرض

عرض الرسم البياني بالبكسل.

النوع: number
الإعداد التلقائي: عرض العنصر المتضمّن

خيارات ضبط الخريطة المتفرعة

الاسم
headerColor

لون قسم العنوان لكل عقدة. حدد قيمة لون HTML.

النوع: string
تلقائي: #988f86
maxColor

لون مستطيل بقيمة العمود 3 بقيمة maxColorValue. يجب تحديد قيمة لون HTML.

النوع: string
تلقائي: #00dd00
maxDepth

الحد الأقصى لعدد مستويات العُقد المطلوب عرضها في طريقة العرض الحالية. المستويات مسطحّة إلى الطائرة الحالية. إذا كانت شجرتك تحتوي على مستويات أكثر من هذا، يجب عليك الصعود أو للاطلاع عليها. يمكنك أيضًا رؤية maxPostDepth مستوى أسفل هذا المستوى كـ المستطيلات المظللة داخل هذه العقد.

النوع: number
تلقائي: 1
maxPostDepth

عدد مستويات العُقد التي تتجاوز maxDepth والتي سيتم عرضها في "التلميح" والموضة. يتم عرض العقد المائلة كمستطيلات مظللة داخل عقدة تقع داخل الحد الأقصى: maxDepth

النوع: number
تلقائي: 0
midColor

لون مستطيل به قيمة العمود 3 في منتصف الطريق بين maxColorValue وminColorValue. حدد قيمة لون HTML.

النوع: string
تلقائي: #000000
minColor

لون مستطيل بقيمة العمود 3 بقيمة minColorValue. يجب تحديد قيمة لون HTML.

النوع: string
تلقائي: #dd0000
noColor

اللون المطلوب استخدامه لمستطيل عندما لا تحتوي العقدة على قيمة للعمود 3، وتكون هذه العقدة ورقة شجر (أو تحتوي على أوراق فقط). حدد قيمة لون HTML.

النوع: string
تلقائي: #000000
العنوان الفرعي

النص المطلوب عرضه أسفل عنوان الرسم البياني

النوع: string
تلقائي: بلا عنوان
subtitleTextStyle

كائن يحدد نمط نص العنوان.

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

كائن يحدد نمط نص العنوان. يمكن أن يكون اللون أي HTML سلسلة لون، على سبيل المثال: 'red' أو '#00cc00'. يمكنك أيضًا الاطّلاع على fontName وfontSize.

النوع: object
التلقائي: {اللون: 'أسود'، اسم الخط: <global-font-name>، fontSize: <global-font-size>}
title

النص المطلوب عرضه أعلى الرسم البياني

النوع: string
تلقائي: بلا عنوان
titleTextStyle

كائن يحدد نمط نص العنوان. يحتوي الكائن على التنسيق التالي:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

يمكن أن تكون العلامة color أي سلسلة لون HTML، على سبيل المثال: 'red' أو '#00cc00' اطّلِع أيضًا على fontName وfontSize.

النوع: object
الإعداد التلقائي: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}