نظرة عامة
المدرّج التكراري هو رسم بياني يجمع البيانات الرقمية في حاويات، ويعرض الصناديق في صورة أعمدة مجزّأة. ويتم استخدامها في توزيع مجموعة البيانات: عدد المرات التي تقع فيها القيم ضمن نطاقات.
تختار مخططات Google تلقائيًا عدد الحاويات نيابةً عنك. جميع الصناديق متساوية في العرض ولها ارتفاع يتناسب مع عدد نقاط البيانات في الحاوية. في النواحي الأخرى، تشبه المدرّجات التكرارية الرسوم البيانية العمودية.
مثال
في ما يلي مدرج إحصائي لأطوال الديناصورات:
ويخبرنا المدرّج التكراري بأن الحاوية الأكثر شيوعًا هي أقل من 10 أمتار، وأنّ هناك ديناصورًا واحدًا يتجاوز طوله 40 مترًا. يمكننا تحريك الماوس فوق الشريط لاكتشاف أنه عالم الديناصورات (الذي قد يكون فقط ديبلوكودوس كبير جدًا؛ علماء الحفريات لست متأكدًا).
يظهر الرمز لإنشاء التردد الرسومي أدناه. بعد تحديد البيانات (هنا، باستخدام google.visualization.arrayToDataTable
)، يتم تحديد الرسم البياني من خلال استدعاء إلى google.visualization.Histogram
ويتم رسمه باستخدام طريقة draw
.
<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load("current", {packages:["corechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Dinosaur', 'Length'], ['Acrocanthosaurus (top-spined lizard)', 12.2], ['Albertosaurus (Alberta lizard)', 9.1], ['Allosaurus (other lizard)', 12.2], ['Apatosaurus (deceptive lizard)', 22.9], ['Archaeopteryx (ancient wing)', 0.9], ['Argentinosaurus (Argentina lizard)', 36.6], ['Baryonyx (heavy claws)', 9.1], ['Brachiosaurus (arm lizard)', 30.5], ['Ceratosaurus (horned lizard)', 6.1], ['Coelophysis (hollow form)', 2.7], ['Compsognathus (elegant jaw)', 0.9], ['Deinonychus (terrible claw)', 2.7], ['Diplodocus (double beam)', 27.1], ['Dromicelomimus (emu mimic)', 3.4], ['Gallimimus (fowl mimic)', 5.5], ['Mamenchisaurus (Mamenchi lizard)', 21.0], ['Megalosaurus (big lizard)', 7.9], ['Microvenator (small hunter)', 1.2], ['Ornithomimus (bird mimic)', 4.6], ['Oviraptor (egg robber)', 1.5], ['Plateosaurus (flat lizard)', 7.9], ['Sauronithoides (narrow-clawed lizard)', 2.0], ['Seismosaurus (tremor lizard)', 45.7], ['Spinosaurus (spiny lizard)', 12.2], ['Supersaurus (super lizard)', 30.5], ['Tyrannosaurus (tyrant lizard)', 15.2], ['Ultrasaurus (ultra lizard)', 30.5], ['Velociraptor (swift robber)', 1.8]]); var options = { title: 'Lengths of dinosaurs, in meters', legend: { position: 'none' }, }; var chart = new google.visualization.Histogram(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>
يمكن حذف التصنيفات (هنا، أسماء الديناصورات)، وفي هذه الحالة لن تعرض التلميحات القيمة الرقمية إلا.
التحكم في الألوان
في ما يلي مدرج إحصائي للسكان القوميين:
وهناك أكثر من مائتي بلد حيث يبلغ عدد سكانها أقل من مئة مليون، وتتخلف هذه الفترة بشدة.
يستخدم المدرّج التكراري هذا الخيار colors
لرسم البيانات باللون الأخضر:
var options = { title: 'Country Populations', legend: { position: 'none' }, colors: ['green'], };
وكما هو الحال مع جميع مخططات Google، يمكن تحديد الألوان إما كأسماء إنجليزية أو كقيم سداسية عشرية.
مجموعات التحكم
تختار مخططات Google حجم المجموعة تلقائيًا، وذلك باستخدام خوارزمية معروفة للترددات الرسومية. ومع ذلك، يمكنك أحيانًا تجاوز ذلك، ويشكل المخطط أعلاه مثالاً. مع وجود العديد من البلدان في المجموعة الأولى، من الصعب فحص هذه البلدان الأخرى.
في حالات مثل هذه، يوفر الرسم البياني التكراري خيارين: histogram.bucketSize
، والذي يلغي الخوارزمية والرموز البرمجية لحجم الحزمة، وhistogram.lastBucketPercentile
. والخيار الثاني بحاجة إلى مزيد من التوضيح: فهو يغيّر حساب أحجام الحزمة لتجاهل القيم الأعلى أو الأقل من القيم المتبقية بالنسبة المئوية التي تحددها. لا تزال القيم مضمنة في المدرج الإحصائي، لكن لا تؤثر في كيفية تجميعها. ويفيد هذا عندما لا تريد أن تصل القيم الشاذّة إلى مجموعات البيانات الخاصة بها، بل سيتم تجميعها مع مجموعات البيانات الأولى أو الأخيرة بدلاً من ذلك.
في الرسم البياني أعلاه، تجاهلنا أهم خمسة وأقل 5% من القيم عند حساب حجم الحزمة. ولا تزال القيم في رسم بياني؛ والشيء الوحيد الذي تم تغييره هو حجم الحزمة، ولكنه ينشئ مخطّط تكراري أكثر قابلية للقراءة.
يوضح هذا المثال أيضًا كيف يمكننا تغيير مقياس المحور الرأسي لاستخدام مقياس "سجل النسخ المطابق"، والذي يساعد أيضًا عند إنشاء مخطط بياني للبيانات ذات الذيل الطويل للقيم الصغيرة.
var options = { title: 'Country Populations', legend: { position: 'none' }, colors: ['#e7711c'], histogram: { lastBucketPercentile: 5 }, vAxis: { scaleType: 'mirrorLog' } };
كما ترى، أدت إزالة الجزء العلوي والسفلي من الحساب بنسبة
10000000 بدلاً من 100000000 إلى خلاف ذلك. إذا كنت تعرف أن حجم مجموعة البيانات الذي يبلغ 10000000 هو ما تريده، فيمكنك استخدام histogram.bucketSize
لتنفيذ ذلك:
var options = { title: 'Country Populations', legend: { position: 'none' }, colors: ['#e7711c'], histogram: { bucketSize: 10000000 } };
في المثال التالي، نوضّح كيفية توسيع نطاق الحِزم وعرض المزيد من الحِزم بدون فجوة بينها. يمكن استخدام الخيار maxNumBuckets
لزيادة العدد التلقائي للحزم. سيؤدي الخياران histogram.minValue
وhistogram.maxValue
إلى توسيع نطاق الحِزم، ولكن لاحظ أنّه إذا كانت هناك بيانات خارج هذا النطاق، لن تؤدي هذه الخيارات إلى تقليص النطاق.
يوضّح هذا المثال أيضًا أنه يمكنك تحديد المؤشرات المراد عرضها لكل مجموعة من المجموعات باستخدام خيار ticks
الصريح في hAxis
. ولا يؤثر ذلك في مجموعات البيانات نفسها، بل في طريقة عرض المؤشرات فقط.
ونشير أيضًا إلى أننا نحدّد السمة chartArea.width
بحيث يتناسب عدد المجموعات بشكل دقيق مع عدم توفّر عناصر مرئية. في ما يلي خيارات هذا المثال.
var options = { title: 'Approximating Normal Distribution', legend: { position: 'none' }, colors: ['#4285F4'], chartArea: { width: 405 }, hAxis: { ticks: [-1, -0.75, -0.5, -0.25, 0, 0.25, 0.5, 0.75, 1] }, bar: { gap: 0 }, histogram: { bucketSize: 0.01, maxNumBuckets: 400, minValue: -1, maxValue: 1 } };
سلاسل متعددة
في ما يلي مدرج إحصائي لرسوم الجسيمات دون الذرية، وفقًا للنموذج القياسي:
يحتوي الرسم البياني أعلاه على سلسلة واحدة تحتوي على جميع الجسيمات. يمكن تقسيم الجسيمات دون الذرية إلى أربع مجموعات: الكواركات والليبتونات والبوزونات. لنتعامل مع كلٍّ منها على أنها سلسلتها الخاصة:
في هذا المخطط، نستخدم سلسلة مختلفة (ومن ثم اللون) لكل من الأنواع الأربعة للجسيمات دون الذرية. لقد عينّا interpolateNulls
بشكل صريح على false
لضمان عدم رسم القيم الفارغة (يلزم استخدامها لأن السلسلة ذات طول غير متساوٍ). ونعيّن أيضًا legend.maxLines
لإضافة
سطر آخر إلى وسيلة الإيضاح:
var data = google.visualization.arrayToDataTable([ ['Quarks', 'Leptons', 'Gauge Bosons', 'Scalar Bosons'], [2/3, -1, 0, 0], [2/3, -1, 0, null], [2/3, -1, 0, null], [-1/3, 0, 1, null], [-1/3, 0, -1, null], [-1/3, 0, null, null], [-1/3, 0, null, null] ]); var options = { title: 'Charges of subatomic particles', legend: { position: 'top', maxLines: 2 }, colors: ['#5C3292', '#1A8763', '#871B47', '#999999'], interpolateNulls: false, };
جارٍ التحميل
اسم الحزمة google.charts.load
هو "corechart"
.
google.charts.load("current", {packages: ["corechart"]});
اسم فئة التمثيل البصري هو google.visualization.Histogram
:
var visualization = new google.visualization.Histogram(container);
تنسيق البيانات
هناك طريقتان لتعبئة جدول مدرّج تكراري. عند توفّر سلسلة واحدة فقط:
var data = google.visualization.arrayToDataTable([ ['Name', 'Number'], ['Name 1', number1], ['Name 2', number2], ['Name 3', number3], ... ]);
...وعندما تكون هناك سلاسل متعددة:
var data = google.visualization.arrayToDataTable([ ['Series Name 1', 'Series Name 2', 'Series Name 3', ...], [series1_number1, series2_number1, series3_number1, ...], [series1_number2, series2_number2, series3_number2, ...], [series1_number3, series2_number3, series3_number3, ...], ... ]);
لا تتوفر حاليًا أدوار اختيارية للأعمدة في المدرج الإحصائي.
خيارات الضبط
الاسم | |
---|---|
.GIF |
مدة الصورة المتحركة بالمللي ثانية. لمعرفة التفاصيل، يُرجى الاطّلاع على مستندات الصور المتحركة. النوع: الرقم
القيمة التلقائية: 0
|
رسم متحرك. |
دالة الإرخاء المطبَّقة على الحركة. تتوفّر الخيارات التالية:
النوع: سلسلة
افتراضي: "خطي"
|
تشغيل الصور المتحركة. |
لتحديد ما إذا كان الرسم المتحرك سيتحرك في الرسم الأولي. إذا كانت القيمة النوع: منطقي
افتراضي
|
موضع العناوين |
مكان وضع عناوين المحور، مقارنة بمنطقة المخطط. القيم المسموح بها:
النوع: سلسلة
تلقائي: "out"
|
لون الخلفية |
لون الخلفية للمنطقة الرئيسية من المخطط. يمكن أن تكون إما سلسلة لون HTML بسيطة، على سبيل المثال: النوع: سلسلة أو كائن
تلقائي: "أبيض"
|
backgroundColor.com |
لون حد المخطط، كسلسلة لون HTML. النوع: سلسلة
الافتراضي: '#666'
|
عرض لون الخلفية.الشطب |
عرض الحدود، بالبكسل. النوع: الرقم
القيمة التلقائية: 0
|
backgroundColor.fill |
لون تعبئة المخطط، كسلسلة لون HTML. النوع: سلسلة
تلقائي: "أبيض"
|
عرض شريط المجموعة. |
عرض مجموعة من الأشرطة، المحددة في أي من هذه الأشكال:
النوع: رقم أو سلسلة
القيمة التلقائية:
النسبة الذهبية، وهي '61.8% تقريبًا'.
|
منطقة الرسم البياني |
كائن به أعضاء لضبط موضع وحجم منطقة الرسم البياني (حيث يتم رسم الرسم البياني نفسه، باستثناء المحور والتسمية التوضيحية). هناك تنسيقان متوافقان: رقم أو رقم متبوع بعلامة %. الرقم البسيط هو قيمة بوحدات البكسل، ويكون الرقم متبوعًا بعلامة النسبة المئوية نسبة مئوية. مثال: النوع: الكائن
تلقائي: null
|
لون الرسم البياني لمنطقة الخلفية |
لون خلفية منطقة الرسم البياني. عند استخدام سلسلة، يمكن أن تكون سلسلة سداسية عشرية (مثل "#fdc") أو اسم اللون الإنجليزي. عند استخدام كائن، يمكن توفير الخصائص التالية:
النوع: سلسلة أو كائن
تلقائي: "أبيض"
|
منطقة الرسم البياني اليسرى |
مقدار رسم الرسم البياني من الحد الأيسر. النوع: رقم أو سلسلة
تلقائي: تلقائي
|
منطقة الرسم البياني العليا |
مقدار رسم المخطط من الحد العلوي. النوع: رقم أو سلسلة
تلقائي: تلقائي
|
مخطط منطقة العرض |
عرض منطقة الرسم البياني. النوع: رقم أو سلسلة
تلقائي: تلقائي
|
ارتفاع الرسم البياني |
رسم بياني لمنطقة ارتفاع. النوع: رقم أو سلسلة
تلقائي: تلقائي
|
ألوان |
الألوان التي يمكن استخدامها لعناصر الرسم البياني. مصفوفة من السلاسل، حيث يكون كل عنصر عبارة عن سلسلة لون HTML، على سبيل المثال: النوع: مصفوفة من السلاسل
الافتراضي: الألوان التلقائية
|
تعتيم البيانات |
شفافية نقاط البيانات، حيث تكون القيمة 1.0 معتمة تمامًا و0.0 شفافة بالكامل. في الرسوم البيانية للنقاط المبعثرة والمدرّجة التكرارية والشريطية والعمودية، يشير ذلك إلى البيانات المرئية: النقاط في الرسم البياني للنقاط المبعثرة والمستطيلات في المناطق الأخرى. في الرسوم البيانية حيث يؤدي تحديد البيانات إلى إنشاء نقطة، مثل المخططات الخطية والمساحية، يشير هذا إلى الدوائر التي تظهر عند التمرير فوق النص أو عند تحديده. يعرض الرسم البياني للسلوك كلا السلوكين، ولن يكون لهذا الخيار أي تأثير في الرسوم البيانية الأخرى. (لتغيير مستوى تعتيم خط الاتجاه، يُرجى الاطّلاع على تعتيم خط الاتجاه .) النوع: الرقم
الإعداد التلقائي: 1.0
|
تفعيل التفاعل |
ما إذا كان الرسم البياني يعرض أحداثًا مستندة إلى المستخدمين أو يتفاعل مع تفاعل المستخدم. وفي حال اختيار القيمة "false"، لن يعرض الرسم البياني أحداث "اختيار" أو أحداث أخرى قائمة على التفاعل (ولكنه سيعرض أحداث جاهزة أو خطأ)، ولن يعرض نص تمرير النص أو سيتغيّر بناءً على إدخال المستخدم. النوع: منطقي
افتراضي: صحيح
|
استهداف الهدف |
نوع الكيان الذي يتلقى التركيز على تمرير الماوس. ويؤثر هذا الإجراء أيضًا في الكيان الذي يتم اختياره من خلال النقر بالماوس، وعنصر جدول البيانات المرتبط بالأحداث. ويمكن أن يكون واحدًا مما يلي:
في focusTarget 'category'، يعرض التلميح كل قيم الفئات. وقد يكون هذا الإجراء مفيدًا عند مقارنة قيم سلاسل مختلفة. النوع: سلسلة
تلقائي: "مرجع"
|
حجم الخط |
حجم الخط الافتراضي، بالبكسل، لكل النص في المخطط. يمكنك إلغاء هذا باستخدام الخصائص لعناصر معينة في الرسم البياني. النوع: الرقم
افتراضي: تلقائي
|
اسم الخط |
واجهة الخط الافتراضية لكل النص في المخطط. يمكنك إلغاء هذا باستخدام الخصائص لعناصر معينة في الرسم البياني. النوع: سلسلة
افتراضي: 'Arial'
|
فرض إطار |
لرسم المخطط داخل إطار مضمن. (تجدر الإشارة إلى أنه يتم تجاهل هذا الخيار في IE8، ويتم رسم جميع الرسوم البيانية لـ IE8 في إطارات i.) النوع: منطقي
تلقائي: خطأ
|
محور محوري |
كائن به أعضاء لتهيئة عناصر محور أفقية مختلفة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن، كما هو موضّح هنا: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } النوع: الكائن
تلقائي: null
|
خطوط hAxis.gridlines |
كائن له خصائص لضبط خطوط الشبكة على المحور الأفقي. لاحظ أنه يتم رسم خطوط الشبكة للمحور الأفقي رأسيًا. لتحديد خصائص هذا الكائن، يمكنك استخدام التدوين الحرفي للكائن، كما هو موضّح أدناه: {color: '#333', minSpacing: 20} النوع: الكائن
تلقائي: null
|
hAxis.gridlines.color |
لون خطوط الشبكة الأفقية داخل منطقة المخطط. حدد سلسلة لون HTML صالحة. النوع: سلسلة
الافتراضي: '#CCC'
|
hAxis.gridlines.count |
العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة المخطط.
إذا حددت رقمًا موجبًا لـ النوع: الرقم
تلقائي: -1
|
hAxis.gridlines.interval |
مصفوفة أحجام (كقيم بيانات وليست وحدات بكسل) بين خطوط الشبكة
المجاورة. هذا الخيار مخصص فقط للمحاور الرقمية في الوقت الحالي،
ولكنه مماثل لخيارات
النوع: رقم يتراوح من 1 إلى 10، ولا يتضمن 10.
افتراضي: محسوب
|
hAxis.gridlines.minSpacing |
الحد الأدنى لمساحة الشاشة، بالبكسل، بين خطوط الشبكة الرئيسية في محور محوري.
الإعداد التلقائي لخطوط الشبكة الرئيسية هو النوع: الرقم
افتراضي: محسوب
|
hAxis.gridlines.multiple |
يجب أن تكون كل قيم خطوط الشبكة والتحديد عبارة عن مضاعف لقيمة هذا الخيار. ويُرجى العِلم أنّه لا يمكن أخذ الأسبقية على الأسطوانات الناتجة عن المضاعف لـ 10 مرات، على عكس الفواصل.
لذلك يمكنك فرض أن تكون المؤشرات أعدادًا صحيحة عن طريق تحديد
النوع: الرقم
تلقائي: 1
|
وحدات hAxis.gridlines.units |
تلغي هذه السياسة التنسيق التلقائي لجوانب مختلفة من أنواع البيانات المتعلقة بالتاريخ/التاريخ والوقت/timedayday عند استخدامها مع خطوط الشبكة المحسوبة في رسم بياني. تسمح هذه السياسة بالتنسيق للسنوات والأشهر والأيام والساعات والدقائق والثواني والمللي ثانية. التنسيق العام هو: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } ويمكن العثور على معلومات إضافية في التواريخ والأوقات. النوع: الكائن
تلقائي: null
|
hAxis.minorGridlines |
كائن به أعضاء لضبط خطوط الشبكة الثانوية على المحور الأفقي، مثل خيار hAxis.gridlines. النوع: الكائن
تلقائي: null
|
hAxis.minorGridlines.color |
لون خطوط الشبكة الثانوية الأفقية داخل منطقة الرسم البياني. حدد سلسلة لون HTML صالحة. النوع: سلسلة
افتراضي: مزيج من خطوط الشبكة وألوان الخلفية
|
hAxis.minorGridlines.count |
يكون الخيار النوع: الرقم
تلقائي:1
|
hAxis.minorGridlines.interval |
يشبه خيار التي تظهر على شكل خطوط الشبكة الثانوية خيار الفاصل الزمني لخطوط الشبكة الرئيسية،
ولكن الفاصل الزمني الذي يتم اختياره سيكون دائمًا
مقامًا متساويًا للفاصل الزمني لخطوط الشبكة الرئيسية.
الفاصل الزمني التلقائي للمقاييس الخطية هو
النوع: الرقم
تلقائي:1
|
hAxis.minorGridlines.minSpacing |
الحد الأدنى من المساحة المطلوبة، بالبكسل، بين خطوط الشبكة الثانوية المجاورة، وبين خطوط الشبكة الثانوية والثانوية وتكون القيمة الافتراضية هي 1/2 ثواني minSpacing لخطوط الشبكة الرئيسية للمقاييس الخطية، و1/5 the minSpacing للمقاييس اللوغاريتمية. النوع: الرقم
افتراضي:محسوب
|
hAxis.minorGridlines.multiple |
كما هو الحال مع النوع: الرقم
تلقائي: 1
|
وحدات hAxis.minorGridlines.units |
لإلغاء التنسيق التلقائي لمختلف جوانب أنواع البيانات التاريخ/التاريخ والوقت/timedayday عند استخدامها مع خطوط الشبكة التي تم حسابها من خلال الرسم البياني. تسمح هذه السياسة بالتنسيق للسنوات والأشهر والأيام والساعات والدقائق والثواني والمللي ثانية. التنسيق العام هو: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } ويمكن العثور على معلومات إضافية في التواريخ والأوقات. النوع: الكائن
تلقائي: null
|
hAxis.textPosition |
موضع نص المحور الأفقي، بالنسبة إلى منطقة المخطط. القيم المسموح بها: "out" و"in" و"none". النوع: سلسلة
تلقائي: "out"
|
hAxis.textStyle |
كائن يحدد نمط نص المحور الأفقي. ويكون الكائن بهذا التنسيق: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
يمكن أن يكون النوع: الكائن
تلقائي:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
الخاصية النوع: سلسلة
تلقائي: null
|
hAxis.titleTextStyle |
كائن يحدد نمط نص عنوان المحور الأفقي. ويكون الكائن بهذا التنسيق: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
يمكن أن يكون النوع: الكائن
تلقائي:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.allowContainerBoundaryTextCutoff |
في حال اختيار القيمة "false"، سيتم إخفاء التصنيفات الخارجية بدلاً من السماح باقتصاصها بواسطة حاوية الرسم البياني. في حال الضبط على "true"، سيتم السماح باقتصاص التصنيف. النوع: منطقي
تلقائي: خطأ
|
hAxis.slantedText |
في حال الضبط على "true"، ارسم نص المحور الأفقي في زاوية للمساعدة في احتواء المزيد من النص على المحور، وفي حال التعيين على "false"، ارسم نص المحور الأفقي في وضع مستقيم. ويكون السلوك التلقائي هو النص المائل إذا تعذّر
تطبيقه بالكامل عند رسمه في وضع عمودي. ملاحظة: لا يتوفّر هذا الخيار إلا عند ضبط السمة النوع: منطقي
افتراضي: تلقائي
|
زاوية محور محوري slantedTextAngle |
زاوية نص المحور الأفقي، إذا كان مرسومًا مائلاً. ويتم تجاهله إذا كان النوع: رقم، -90 - 90
الافتراضي: 30
|
hAxis.maxAlternation |
الحد الأقصى لعدد مستويات نص المحور الأفقي. إذا أصبحت تصنيفات نصوص المحور مزدحمة للغاية، قد ينقل الخادم التصنيفات المجاورة لأعلى أو لأسفل من أجل ملاءمة التصنيفات عن قرب. تحدّد هذه القيمة أكبر عدد من المستويات التي يمكن استخدامها، ويمكن أن يستخدم الخادم عددًا أقل من المستويات إذا كانت التصنيفات مناسبة بدون تداخل. وبالنسبة إلى التواريخ والأوقات، يكون العدد التلقائي 1. النوع: الرقم
تلقائي: 2
|
hAxis.maxTextLines |
الحد الأقصى لعدد الأسطر المسموح بها للتصنيفات النصية. يمكن أن تمتد التصنيفات إلى عدة أسطر إذا كانت طويلة جدًا، ويكون عدد الخطوط مقيّدًا تلقائيًا بارتفاع المساحة المتاحة. النوع: الرقم
تلقائي: تلقائي
|
hAxis.minTextSpacing |
الحد الأدنى للتباعد الأفقي، بالبكسل، المسموح به بين تصنيفين نصيين متجاورين. إذا كانت التصنيفات متباعدة بشكل مكثف جدًا، أو كانت طويلة جدًا، يمكن أن تنخفض التباعد عن هذا الحد، وفي هذه الحالة، سيتم تطبيق أحد إجراءات تنظيم الفرز (على سبيل المثال، اقتطاع العلامات أو إسقاط بعض منها). النوع: الرقم
القيمة التلقائية: قيمة
hAxis.textStyle.fontSize |
hAxis.showTextEvery |
عدد تصنيفات المحور الأفقي المطلوب عرضها، حيث يعني الرقم 1 عرض كل تصنيف، بينما يعني الرقم 2 عرض كل تصنيف آخر، وهكذا. الإعداد التلقائي هو محاولة عرض أكبر عدد ممكن من التصنيفات بدون تداخل. النوع: الرقم
افتراضي: تلقائي
|
hAxis.viewWindowMode |
لتحديد كيفية تغيير حجم المحور الأفقي لعرض القيم داخل منطقة المخطط. تتوفّر قيم السلسلة التالية:
النوع: سلسلة
تلقائي:
مكافئة لـ "pretty"، ولكن يكون لـ
haxis.viewWindow.min وhaxis.viewWindow.max الأولوية في حال استخدامها.
|
hAxis.viewWindow |
لتحديد نطاق الاقتصاص للمحور الأفقي. النوع: الكائن
تلقائي: null
|
HAxis.viewWindow.max |
فهرس الصف المستند إلى الصفر حيث تنتهي نافذة الاقتصاص. سيتم اقتصاص نقاط البيانات في هذا الفهرس
والمستويات الأعلى. إلى جانب يتم التجاهل عندما تكون قيمة النوع: الرقم
تلقائي: تلقائي
|
hAxis.viewWindow.min |
فهرس الصف المستند إلى الصفر حيث تبدأ نافذة الاقتصاص. سيتم اقتصاص نقاط البيانات في المؤشرات الأقل من هذا. إلى جانب يتم التجاهل عندما تكون قيمة النوع: الرقم
تلقائي: تلقائي
|
التردد الرسومي |
ترميز حجم كل شريط مدرج إحصائي، بدلاً من السماح بتحديده باستخدام الخوارزميات. النوع: الرقم
تلقائي: تلقائي
|
مدرج إحصائي |
استبعد الأقسام الرقيقة التي تقع بين كتل المدرّج التكراري، لجعلها سلسلة من الأشرطة الصلبة. النوع: منطقي
تلقائي: خطأ
|
التردد الرسومي.lastBucketPercentile |
عند حساب حجم حزمة المدرج الإحصائي، تجاهل الجزء العلوي والسفلي
النوع: الرقم
القيمة التلقائية: 0
|
التردد الرسومي.minValue |
وسِّع نطاق الحِزم لتضمين هذه القيمة. النوع: الرقم
تلقائي: تلقائي - استخدام الحد الأدنى للبيانات
|
التردد الرسومي.maxValue |
وسِّع نطاق الحِزم لتضمين هذه القيمة. النوع: الرقم
تلقائي: تلقائي - استخدام الحد الأقصى للبيانات
|
المدرج الإحصائي numBucketsRule |
كيفية حساب العدد الافتراضي للحزم. القيم المحتملة هي:
النوع: سلسلة
تلقائي:
'sqrt' |
الارتفاع |
ارتفاع المخطط بالبكسل. النوع: الرقم
افتراضي: ارتفاع العنصر المضمن
|
InterpolateNulls |
ما إذا كنت تريد تخمين قيمة النقاط المفقودة وفي حال الضبط على "true"، سيتم تخمين قيمة أي بيانات ناقصة استنادًا إلى النقاط المجاورة. وفي حال اختيار القيمة "false"، سيترك هذا السطر فاصلاً في السطر عند النقطة غير المعروفة.
لا يتوافق هذا مع مخططات المنطقة التي تحتوي على الخيار النوع: منطقي
تلقائي: خطأ
|
مكدس |
في حال الضبط على "true"، تتكدس العناصر لكل السلسلة في كل قيمة نطاق. ملاحظة: في الرسوم البيانية لكل من العمود والمنطقة وSteppedArea، تعكس مخططات Google ترتيب عناصر التسمية التوضيحية لكي يتوافق بشكل أفضل مع تكديس عناصر السلسلة (على سبيل المثال، ستكون السلسلة 0 هي العنصر الأكثر أهمية في أسفل الصفحة). لا لا تنطبق على Bar الرسوم البيانية.
يوفّر الخيار خيارات
بالنسبة إلى التكديس 100%، ستظهر القيمة المحسوبة لكل عنصر في التلميح بعد قيمته الفعلية.
سيتم ضبط القيمة المستهدفة للمحور المستهدَف تلقائيًا على قيم من القيم بناءً على مقياس من 0 إلى 1 نسبي ككسور من 1 لـ
لا تعتمد ميزة التكديس 100% إلا على قيم البيانات من النوع النوع: قيمة منطقية/سلسلة
تلقائي: خطأ
|
أسطورة |
كائن به أعضاء لتهيئة جوانب مختلفة من التسمية التوضيحية. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن، كما هو موضّح هنا: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} النوع: الكائن
تلقائي: null
|
محاذاة |
محاذاة التسمية التوضيحية. يمكن أن يكون واحدًا مما يلي:
يرتبط كل من البداية والوسط والنهاية بنمط - رأسي أو أفقي - للتسمية التوضيحية. على سبيل المثال، في وسيلة إيضاح "اليمين" تكون "البدء" و"الانتهاء" في الجزء العلوي والسفلي على التوالي، وبالنسبة إلى وسيلة الإيضاح "أعلى" تكون "البدء" و"الانتهاء" في يسار ويمين المنطقة، على التوالي. وتعتمد القيمة الافتراضية على موضع التسمية التوضيحية. وبالنسبة إلى التعليقات التفسيرية "bottom"، تكون القيمة التلقائية هي "center"، بينما تكون القيمة التلقائية الأخرى هي "start". النوع: سلسلة
افتراضي: تلقائي
|
وسيلة الإيضاح.maxLines |
الحد الأقصى لعدد الأسطر في وسيلة الإيضاح. اضبط هذا الرقم على رقم أكبر من رقم واحد لإضافة أسطر إلى وسيلة الإيضاح. ملاحظة: المنطق الدقيق المُستخدَم لتحديد العدد الفعلي للخطوط المعروضة لا يزال في حالة تدفق. لا يعمل هذا الخيار حاليًا إلا عندما تكون وسيلة الإيضاح "top". النوع: الرقم
تلقائي: 1
|
مؤشر التسمية التوضيحية |
تم اختيار مبدئي فهرس الصفحات الصفري المستند إلى الصفر. النوع: الرقم
القيمة التلقائية: 0
|
وضع التسمية التوضيحية |
موضع التسمية التوضيحية. يمكن أن يكون واحدًا مما يلي:
النوع: سلسلة
تلقائي: 'يمين'
|
وسيلة الإيضاح |
كائن يحدد نمط نص التسمية التوضيحية. ويكون الكائن بهذا التنسيق: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
يمكن أن يكون النوع: الكائن
تلقائي:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
الاتجاه |
اتجاه المخطط. عند الضبط على النوع: سلسلة
تلقائي: "أفقية"
|
الفئات العكسية |
في حال الضبط على "true"، سيتم رسم سلسلة من اليمين إلى اليسار. الإعداد الافتراضي هو الرسم من اليسار إلى اليمين. النوع: منطقي
تلقائي: خطأ
|
سلسلة |
مصفوفة من العناصر تصف كل منها تنسيق السلسلة المقابلة في الرسم البياني. لاستخدام قيم تلقائية لسلسلة، حدِّد كائنًا فارغًا {}. وإذا لم يتم تحديد سلسلة أو قيمة، سيتم استخدام القيمة العامة. يدعم كل كائن الخصائص التالية:
يمكنك تحديد مصفوفة من العناصر، ينطبق كل منها على السلسلة بالترتيب المحدد، أو يمكنك تحديد كائن يحتوي فيه كل طفل على مفتاح رقمي يشير إلى السلسلة التي ينطبق عليها. على سبيل المثال، البيانان التاليان متطابقان ويعلنان أن السلسلة الأولى سوداء ولا تتوفّر في وسيلة الإيضاح، والبيان الرابع على أنّه أحمر وغائب عن التسمية التوضيحية: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } النوع: مصفوفة من الكائنات أو كائن به كائنات مدمجة
تلقائي: {}
|
مظهر |
التصميم هو مجموعة من قيم الخيارات المحدّدة مسبقًا التي تعمل معًا لتحقيق سلوك محدّد للرسم البياني أو تأثير مرئي. لا يتوفر حاليًا سوى مظهر واحد:
النوع: سلسلة
تلقائي: null
|
العنوان |
النص المطلوب عرضه أعلى المخطط. النوع: سلسلة
تلقائي: بدون عنوان
|
titleالموضع |
مكان وضع عنوان المخطط، مقارنةً بمنطقة المخطط. القيم المسموح بها:
النوع: سلسلة
تلقائي: "out"
|
العنوانTextStyle |
كائن يحدد نمط نص العنوان. ويكون الكائن بهذا التنسيق: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
يمكن أن يكون النوع: الكائن
تلقائي:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
تلميح |
كائن به أعضاء لتهيئة عناصر تلميحات متنوعة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن، كما هو موضح هنا: {textStyle: {color: '#FF0000'}, showColorCode: true} النوع: الكائن
تلقائي: null
|
tooltip.isHtml |
في حال ضبطها على "صحيح"، استخدِم تلميحات الأدوات المعروضة بتنسيق HTML (بدلاً من ملفات SVG التي يتم عرضها). ولمزيد من التفاصيل، يمكنك الاطّلاع على تخصيص محتوى التلميح. ملاحظة: لا يمكن تخصيص محتوى تلميح HTML عبر دور بيانات عمود تلميحات الأدوات من خلال التمثيل البصري لمخطط الفقاعات التفسيرية. النوع: منطقي
تلقائي: خطأ
|
tooltip.showColorCode |
إذا كان ذلك صحيحًا، فاعرض المربعات الملونة بجوار معلومات السلسلة في تلميح الأداة. ويتم ضبط القيمة التلقائية على "صحيح" عند ضبط النوع: منطقي
افتراضي: تلقائي
|
tooltip.textStyle |
كائن يحدد نمط نص التلميح. ويكون الكائن بهذا التنسيق: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
يمكن أن يكون النوع: الكائن
تلقائي:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tooltip.trigger |
تفاعل المستخدم الذي يتسبب في عرض التلميح:
النوع: سلسلة
تلقائي: "التركيز"
|
فؤوس |
تحدد خصائص المحاور العمودية الفردية، إذا كان الرسم البياني يحتوي على محاور رأسية متعددة.
كل كائن فرعي هو كائن
لتحديد رسم بياني يحتوي على محاور عمودية متعددة، عليك أولاً تحديد محور جديد باستخدام
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
يمكن أن تكون هذه الخاصية إما كائنًا أو مصفوفة: الكائن عبارة عن مجموعة من الكائنات، ولكل منها تصنيف رقمي يحدد المحور الذي يحدده--هذا هو التنسيق الموضح أعلاه، المصفوفة هي مصفوفة من الكائنات، واحد لكل محور. على سبيل المثال، تتطابق علامة نمط المصفوفة التالية مع الكائن vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] النوع: مصفوفة كائن أو كائن به كائنات فرعية
تلقائي: null
|
محور محوري |
كائن به أعضاء لتهيئة عناصر محور رأسي متنوعة. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن، كما هو موضّح هنا: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} النوع: الكائن
تلقائي: null
|
إصدار vAxis.baseline |
الخاصية النوع: الرقم
افتراضي: تلقائي
|
لون vAxis.baseline |
تحدد لون خط الأساس للمحور العمودي. يمكن أن تكون أي سلسلة لون HTML، على سبيل المثال: النوع: الرقم
افتراضي: "أسود"
|
إصدار vAxis.direction |
الاتجاه الذي تنمو فيه القيم على طول المحور الرأسي. تظهر القيم المنخفضة في أسفل الرسم البياني تلقائيًا. حدِّد النوع: 1 أو -1
تلقائي: 1
|
تنسيق vAxis. |
سلسلة تنسيق لتصنيفات المحاور الرقمية. هذه مجموعة فرعية من
مجموعة أنماط وحدة العناية المركزة
.
على سبيل المثال، سيعرض
التنسيق الفعلي المطبّق على التصنيف مشتق من اللغة التي تم تحميل واجهة برمجة التطبيقات بها. لمزيد من التفاصيل، يمكنك الاطّلاع على تحميل الرسوم البيانية بلغة معيّنة .
عند احتساب قيم المؤشرات وخطوط الشبكة في الحوسبة، ستتم مراعاة عدة نُسخ بديلة من جميع خيارات خطوط الشبكة ذات الصلة، وسيتم رفض البدائل في حال تكرار تصنيفات المؤشرات التي تم تنسيقها أو التداخل معها.
لذلك، يمكنك تحديد النوع: سلسلة
تلقائي: تلقائي
|
خطوط vAxis.gridlines |
كائن به أعضاء لضبط خطوط الشبكة على المحور الرأسي. لاحظ أنه يتم رسم خطوط الشبكة للمحور العمودي أفقيًا. لتحديد خصائص هذا الكائن، يمكنك استخدام الترميز الحرفي للكائن، كما هو موضّح هنا: {color: '#333', minSpacing: 20} النوع: الكائن
تلقائي: null
|
vAxis.gridlines.color |
لون خطوط الشبكة الرأسية داخل منطقة المخطط. حدد سلسلة لون HTML صالحة. النوع: سلسلة
الافتراضي: '#CCC'
|
vAxis.gridlines.count |
العدد التقريبي لخطوط الشبكة الأفقية داخل منطقة المخطط.
إذا حددت رقمًا موجبًا لـ النوع: الرقم
تلقائي: -1
|
الإصدار vAxis.gridlines.interval |
مصفوفة أحجام (كقيم بيانات وليست وحدات بكسل) بين خطوط الشبكة
المجاورة. هذا الخيار مخصص فقط للمحاور الرقمية في الوقت الحالي،
ولكنه مماثل لخيارات
النوع: رقم يتراوح من 1 إلى 10، ولا يتضمن 10.
افتراضي: محسوب
|
vAxis.gridlines.minSpacing |
الحد الأدنى لمساحة الشاشة، بالبكسل، بين خطوط الشبكة الرئيسية في محور محوري.
الإعداد التلقائي لخطوط الشبكة الرئيسية هو النوع: الرقم
افتراضي: محسوب
|
vAxis.gridlines.multiple |
يجب أن تكون كل قيم خطوط الشبكة والتحديد عبارة عن مضاعف لقيمة هذا الخيار. ويُرجى العِلم أنّه لا يمكن أخذ الأسبقية على الأسطوانات الناتجة عن المضاعف لـ 10 مرات، على عكس الفواصل.
لذلك يمكنك فرض أن تكون المؤشرات أعدادًا صحيحة عن طريق تحديد
النوع: الرقم
تلقائي: 1
|
وحدات vAxis.gridlines.units |
تلغي هذه السياسة التنسيق التلقائي لجوانب مختلفة من أنواع البيانات المتعلقة بالتاريخ/التاريخ والوقت/timedayday عند استخدامها مع خطوط الشبكة المحسوبة في رسم بياني. تسمح هذه السياسة بالتنسيق للسنوات والأشهر والأيام والساعات والدقائق والثواني والمللي ثانية. التنسيق العام هو: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]}, hours: {format: [/*format strings here*/]}, minutes: {format: [/*format strings here*/]}, seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]} } } ويمكن العثور على معلومات إضافية في التواريخ والأوقات. النوع: الكائن
تلقائي: null
|
vAxis.minorGridlines |
كائن به أعضاء لضبط خطوط الشبكة الثانوية على المحور الرأسي، على غرار خيار vAxis.gridlines. النوع: الكائن
تلقائي: null
|
vAxis.minorGridlines.color |
لون خطوط الشبكة الرأسية داخل منطقة المخطط. حدد سلسلة لون HTML صالحة. النوع: سلسلة
افتراضي: مزيج من خطوط الشبكة وألوان الخلفية
|
vAxis.minorGridlines.count |
غالبًا ما يتم إيقاف الخيار GridGridlines.count، باستثناء إيقاف خطوط الشبكة الثانوية من خلال ضبط العدد على 0. يعتمد عدد خطوط الشبكة الثانوية على الفاصل الزمني بين خطوط الشبكة الرئيسية (يُرجى الاطِّلاع على vAxis.gridlines.interval) والحد الأدنى من المساحة المطلوبة (يمكنك الاطّلاع على vAxis.minorGridlines.minSpacing). النوع: الرقم
تلقائي: 1
|
الإصدار vAxis.minorGridlines.interval |
يشبه خيار التي تظهر على شكل خطوط الشبكة الثانوية خيار الفاصل الزمني لخطوط الشبكة الرئيسية،
ولكن الفاصل الزمني الذي يتم اختياره سيكون دائمًا
مقامًا متساويًا للفاصل الزمني لخطوط الشبكة الرئيسية.
الفاصل الزمني التلقائي للمقاييس الخطية هو
النوع: الرقم
تلقائي:1
|
vAxis.minorGridlines.minSpacing |
الحد الأدنى من المساحة المطلوبة، بالبكسل، بين خطوط الشبكة الثانوية المجاورة، وبين خطوط الشبكة الثانوية والثانوية وتكون القيمة الافتراضية هي 1/2 ثواني minSpacing لخطوط الشبكة الرئيسية للمقاييس الخطية، و1/5 the minSpacing للمقاييس اللوغاريتمية. النوع: الرقم
افتراضي:محسوب
|
vAxis.minorGridlines.multiple |
كما هو الحال مع النوع: الرقم
تلقائي: 1
|
وحدات vAxis.minorGridlines.units |
لإلغاء التنسيق التلقائي لمختلف جوانب أنواع البيانات التاريخ/التاريخ والوقت/timedayday عند استخدامها مع خطوط الشبكة التي تم حسابها من خلال الرسم البياني. تسمح هذه السياسة بالتنسيق للسنوات والأشهر والأيام والساعات والدقائق والثواني والمللي ثانية. التنسيق العام هو: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } ويمكن العثور على معلومات إضافية في التواريخ والأوقات. النوع: الكائن
تلقائي: null
|
vAxis.logScale |
إذا كانت القيمة true، سيتم تحويل المحور الرأسي إلى مقياس لوغاريتمي. ملاحظة: يجب أن تكون جميع القيم موجبة. النوع: منطقي
تلقائي: خطأ
|
vAxis.scaleType |
الخاصية
النوع: سلسلة
تلقائي: null
|
vAxis.textPosition |
موضع نص المحور الرأسي بالنسبة إلى منطقة المخطط. القيم المسموح بها: "out" و"in" و"none". النوع: سلسلة
تلقائي: "out"
|
vAxis.textStyle |
كائن يحدد نمط نص المحور العمودي. ويكون الكائن بهذا التنسيق: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
يمكن أن يكون النوع: الكائن
تلقائي:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
الإصدار vAxis.ticks |
لاستبدال علامات المحور الصادي التي يتم إنشاؤها تلقائيًا بالمصفوفة المحددة. ويجب أن يكون كل عنصر من عناصر الصفيف إما قيمة صالحة صالحة للإشارة (مثل رقم أو تاريخ أو تاريخ ووقت أو يوم من اليوم) أو كائن. وإذا كان العنصر عبارة عن كائن، يجب أن يحتوي على الخاصية
وسيتم توسيع viewViewdow تلقائيًا لتضمين علامات الحد الأقصى والحد الأقصى إلا في حال تحديد أمثلة:
النوع: مصفوفة من العناصر
تلقائي: تلقائي
|
عنوان vAxis.title |
الخاصية النوع: سلسلة
تلقائي: بدون عنوان
|
vAxis.titleTextStyle |
كائن يحدد نمط نص عنوان المحور الرأسي. ويكون الكائن بهذا التنسيق: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
يمكن أن يكون النوع: الكائن
تلقائي:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.maxValue |
لنقل الحد الأقصى لقيمة المحور الرأسي إلى القيمة المحددة، سيكون هذا أعلى في معظم الرسوم البيانية. يتم التجاهل إذا تم ضبط القيمة على قيمة أصغر من الحد الأقصى لقيمة "ص" للبيانات.
يلغي النوع: الرقم
افتراضي: تلقائي
|
vAxis.minValue |
لنقل القيمة الدنيا للمحور العمودي إلى القيمة المحددة، سيكون هذا أقل في معظم الرسومات البيانية. يتم التجاهل إذا تم ضبط القيمة على قيمة أكبر من الحد الأدنى لقيمة "ص" للبيانات.
يلغي النوع: الرقم
تلقائي: null
|
vAxis.viewWindowMode |
لتحديد كيفية تغيير حجم المحور الرأسي لعرض القيم ضمن منطقة المخطط. تتوفّر قيم السلسلة التالية:
النوع: سلسلة
تلقائي:
مكافئة لـ "pretty"، ولكن يكون لـ
vaxis.viewWindow.min وvaxis.viewWindow.max الأولوية في حال استخدامها.
|
vAxis.viewWindow |
لتحديد نطاق الاقتصاص للمحور العمودي. النوع: الكائن
تلقائي: null
|
vAxis.viewWindow.max |
الحد الأقصى لقيمة بيانات القطاعات المطلوب عرضها. يتم التجاهل عندما تكون قيمة النوع: الرقم
تلقائي: تلقائي
|
vAxis.viewWindow.min |
الحد الأدنى لقيمة بيانات القطاعية المطلوب عرضها. يتم التجاهل عندما تكون قيمة النوع: الرقم
تلقائي: تلقائي
|
width |
عرض المخطط بالبكسل. النوع: الرقم
افتراضي: عرض العنصر المضمن
|
الطرق
الطريقة | |
---|---|
draw(data, options) |
لرسم المخطط. لا يقبل الرسم البياني أي طلبات أخرى للحصول على طريقة إلا بعد إطلاق فعالية نوع الإرجاع: لا شيء
|
getAction(actionID) |
لعرض عنصر إجراء التلميح مع نوع الإرجاع: كائن
|
getBoundingBox(id) |
لعرض كائن يحتوي على عنصر الرسم البياني الأيمن والأيسر والعرض والارتفاع
ترتبط القيم بحاوية الرسم البياني. وعليك باستدعاء هذا بعد رسم المخطط. نوع الإرجاع: كائن
|
getChartAreaBoundingBox() |
لعرض كائن يحتوي على يسار محتوى الرسم البياني والجزء العلوي منه وعرضه وارتفاعه (مثل استبعاد التصنيفات والتسمية التوضيحية):
ترتبط القيم بحاوية الرسم البياني. وعليك باستدعاء هذا بعد رسم المخطط. نوع الإرجاع: كائن
|
getChartLayoutInterface() |
لعرض كائن يحتوي على معلومات حول الموضع الذي يظهر على الشاشة للرسم البياني وعناصره. يمكن استدعاء الطرق التالية في الكائن المعروض:
وعليك باستدعاء هذا بعد رسم المخطط. نوع الإرجاع: كائن
|
getHAxisValue(xPosition, optional_axis_index) |
لعرض قيمة البيانات الأفقية على مثال: وعليك باستدعاء هذا بعد رسم المخطط. نوع الإرجاع: رقم
|
getImageURI() |
لعرض المخطط المتسلسل كعنوان URI للصورة. وعليك باستدعاء هذا بعد رسم المخطط. راجع طباعة مخططات PNG. نوع الإرجاع: سلسلة
|
getSelection() |
لعرض صفيف من كيانات المخطط المحددة.
الكيانات القابلة للتحديد هي أشرطة وإدخالات تسمية توضيحية وفئات.
بالنسبة إلى هذا الرسم البياني، لا يمكن اختيار سوى كيان واحد في أي لحظة.
نوع العرض: مصفوفة من عناصر التحديد
|
getVAxisValue(yPosition, optional_axis_index) |
لعرض قيمة البيانات الرأسية عند مثال: وعليك باستدعاء هذا بعد رسم المخطط. نوع الإرجاع: رقم
|
getXLocation(dataValue, optional_axis_index) |
لعرض الإحداثي x لوحدة البكسل مثال: وعليك باستدعاء هذا بعد رسم المخطط. نوع الإرجاع: رقم
|
getYLocation(dataValue, optional_axis_index) |
لعرض الإحداثي الصادي لبكسل وحدة البكسل مثال: وعليك باستدعاء هذا بعد رسم المخطط. نوع الإرجاع: رقم
|
removeAction(actionID) |
إزالة إجراء تلميح الأداة نوع الإرجاع:
none |
setAction(action) |
تُحدِّد إجراء تلميح لتنفيذه عندما ينقر المستخدم على نص الإجراء.
تستخدم الطريقة
يجب ضبط جميع إجراءات التلميحات قبل استدعاء طريقة الرسم البياني نوع الإرجاع:
none |
setSelection() |
لاختيار كيانات الرسم البياني المحددة. لإلغاء أي اختيار سابق.
الكيانات القابلة للتحديد هي أشرطة وإدخالات تسمية توضيحية وفئات.
بالنسبة إلى هذا الرسم البياني، لا يمكن اختيار سوى كيان واحد في كل مرة.
نوع الإرجاع: لا شيء
|
clearChart() |
محو الرسم البياني وإصدار جميع الموارد المخصّصة له نوع الإرجاع: لا شيء
|
الأحداث
للحصول على مزيد من المعلومات عن كيفية استخدام هذه الأحداث، يمكنك الاطّلاع على التفاعل الأساسي والتعامل مع الأحداث وتنشيط الأحداث.
الاسم | |
---|---|
animationfinish |
يتم الإطلاق عند اكتمال الرسوم المتحركة للنقل. الخصائص: بلا
|
click |
يتم الإطلاق عندما ينقر المستخدم داخل الرسم البياني. ويمكن استخدامها لتحديد وقت النقر على العنوان أو عناصر البيانات أو إدخالات وسيلة الإيضاح أو المحاور أو خطوط الشبكة أو التصنيفات. الخصائص: targetID
|
error |
يتم الإطلاق عند حدوث خطأ عند محاولة عرض الرسم البياني. الخصائص: رقم التعريف، الرسالة
|
legendpagination |
يتم الإطلاق عندما ينقر المستخدم على أسهم ترقيم الصفحات. لإرجاع فهرس الصفحة الحالي المستند إلى الصفر وإجمالي عدد الصفحات. الخصائص: currentPageIndex, totalPages
|
onmouseover |
يتم الإطلاق عندما يمرر المستخدم الماوس فوق وحدة مرئية. لإرجاع فهارس الصفوف والأعمدة الخاصة بعنصر جدول البيانات المقابل. يرتبط شريط بخلية في جدول البيانات، وإدخال أسطوري في عمود (فهرس الصف فارغ)، وفئة إلى صف (فهرس العمود فارغ). الخصائص: صف، عمود
|
onmouseout |
يتم الإطلاق عندما يمرر المستخدم بعيدًا عن وحدة مرئية. لإرجاع فهارس الصفوف والأعمدة الخاصة بعنصر جدول البيانات المقابل. يرتبط شريط بخلية في جدول البيانات، وإدخال أسطوري في عمود (فهرس الصف فارغ)، وفئة إلى صف (فهرس العمود فارغ). الخصائص: صف، عمود
|
ready |
المخطط جاهز لاستدعاءات الطرق الخارجية. إذا كنت تريد التفاعل مع الرسم البياني وطرق الاتصال بعد رسمه، عليك إعداد مستمع لهذا الحدث قبل طلب طريقة الخصائص: بلا
|
select |
يتم الإطلاق عندما ينقر المستخدم على كيان مرئي. للاطّلاع على ما تم اختياره، يمكنك الاتصال
الخصائص: بلا
|
سياسة البيانات
تتم معالجة جميع الرموز والبيانات وعرضها في المتصفح. ولا يتم إرسال أي بيانات إلى أي خادم.