تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
أداة تحرير الرموز البرمجية لبرنامج Earth Engine JavaScript
تتكامل بسلاسة مع رسومات Google البيانية
لعرض البيانات في جداول بشكل ملائم من خلال وظائف ui.Chart. يمكن
عرض الرسومات البيانية بشكل تفاعلي في وحدة تحكّم "محرر الرموز البرمجية" وui.Panel
تطبيقات المصغّرة وفي علامات التبويب المستقلة للمتصفّح.
قوائم الأكثر رواجًا في DataTable
يستخدم Earth Engine Google Visualization API
لإتاحة إنشاء الرسوم البيانية. تقبل واجهة برمجة التطبيقات DataTable، وهو جدول ثنائي الأبعاد
حيث تكون الصفوف هي الملاحظات والأعمدة هي سمات الملاحظات.
يتم استخراج جميع الرسوم البيانية في Earth Engine من DataTable، وتتيح لك أداة ui.Chart
تقديم DataTable مباشرةً. وتوفّر هذه الطريقة أكبر فرصة
لتخصيص الرسم البياني، ولكن قد تكون أقل ملاءمةً من طرق إنشاء الرسوم البيانية
لعناصر معيّنة في Earth Engine (راجِع القسم التالي). اطّلِع على مزيد من المعلومات حول
إنشاء الرسوم البيانية من DataTable:
يوفّر التطبيق المصغّر ui.Chart طرقًا مساعدة لإنشاء DataTable و
عرض الرسوم البيانية من عناصر Image وImageCollection وFeature وFeatureCollection
وArray وList. تقبل كل دالة نوع بيانات معيّنًا وتشمل methods لتقليل البيانات إلى تنسيق جدولي في مجموعة متنوعة من الترتيبات التي تحدّد تعيين البيانات إلى سلاسل الرسوم البيانية ومحوريها.
يُرجى الانتقال إلى الروابط التالية لمعرفة كيفية إنشاء رسم بياني لكل نوع من أنواع البيانات:
يمكن إنشاء مجموعة متنوعة من أنواع الرسوم البيانية، مثل: الرسم البياني بالنقاط المبعثرة والرسم البياني الخطي والرسم البياني الشريطي والرسم البياني الدائري
والمخطّط التكراري. على وجه التحديد، يمكن إنشاء أي نوع من الرسوم البيانية المتوفّر في حزمة corechart
في "رسومات Google البيانية". استخدِم الطريقة ui.Chart.setChartType()
لضبط نوع الرسم البياني. تتضمّن كل صفحة مرتبطة في قسمَي
الرسوم البيانية لعناصر Earth Engine و
رسومات بيانية DataTable أمثلة على إنشاء
أنواع متعددة من الرسوم البيانية.
استخدِم السلاسل التالية كمدخلات لطريقة ui.Chart.setChartType():
في علامة تبويب متصفّح منفصلة، انقر على رمز النافذة المنبثقة
(open_in_new) في
أعلى يسار التطبيق المصغّر ui.Chart المعروض. تقدّم الصفحة الجديدة
عرضًا في النافذة الكاملة وخيارات لتنزيل الرسم البياني كرسم رسومات تشكل
(PNG أو SVG) أو ملف CSV للبيانات الأساسية.
التفاعل
تكون الرسوم البيانية تفاعلية تلقائيًا. مرِّر مؤشر الماوس فوق النقاط والخطوط والأشرطة وما إلى ذلك للاطّلاع على
قيم x وy والسلسلة المتعلّقة بها. يمكن تكبير/تصغير المحاور وتحريكها اختياريًا
من خلال تفعيل وظيفة "المستكشف" في الرسم البياني.
التصميم
يمكن تخصيص "رسومات Google البيانية" بشكل كبير من خلال سمات التصميم. استخدِم الطريقة
ui.Chart.setOptions() لضبط سمات نمط الرسم البياني. راجِع دليل
تصميم الرسم البياني للاطّلاع على التفاصيل الكاملة.
القيود
لن تعرِض دوال ui.Chart سوى 5,000 ميزة. إذا كان
FeatureCollection أو ImageCollection أو Array أو List يتضمّن المزيد من العناصر،
ننصحك بالتفكير في الطرق التي يمكنك من خلالها الحد من البيانات. إذا كانت لديك سلسلة زمنية طويلة تتضمن
معدّل تكرار مرتفع، جرِّب استخدام فترة زمنية أقصر أو أخذ عيّنات زمنية أو
إنشاء مركبات زمنية. إذا كانت المشكلة مرتبطة بموقع جغرافي، جرِّب استخدام مجموعة فرعية عشوائية. إذا كنت تعمل بالبكسل في قائمة أو صفيف، جرِّب استخدام نطاق
أكبر قليلاً أو منطقة أصغر.
قد يتعذّر إنشاء رسم بياني في حال كانت العمليات الحسابية تستغرق وقتًا طويلاً بسبب حدود التفاعل
في "محرِّر الرموز". إذا انتهت مهلة طلب الرسم البياني، حاوِل
تصدير الخطوات الوسيطة لتحليلك
وإعادة إنشاء الرسم البياني من مواد العرض التي تم تصديرها.
تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eThe Earth Engine Code Editor integrates with Google Charts for data visualization using \u003ccode\u003eui.Chart\u003c/code\u003e functions, which can be displayed in the console, panels, or separate browser tabs.\u003c/p\u003e\n"],["\u003cp\u003eCharts can be created from various Earth Engine objects such as \u003ccode\u003eImage\u003c/code\u003e, \u003ccode\u003eImageCollection\u003c/code\u003e, \u003ccode\u003eFeature\u003c/code\u003e, \u003ccode\u003eFeatureCollection\u003c/code\u003e, \u003ccode\u003eArray\u003c/code\u003e, and \u003ccode\u003eList\u003c/code\u003e as well as directly from \u003ccode\u003eDataTable\u003c/code\u003e objects.\u003c/p\u003e\n"],["\u003cp\u003eNumerous chart types, including scatter, line, bar, pie, and histogram are available, with customization options for styling, interactivity, and downloading as images or CSV files.\u003c/p\u003e\n"],["\u003cp\u003e\u003ccode\u003eui.Chart\u003c/code\u003e functions have limitations, rendering a maximum of 5,000 features and potentially timing out for long-running computations which can be mitigated through data reduction or exporting intermediate steps.\u003c/p\u003e\n"]]],[],null,["# Chart Overview\n\nThe Earth Engine JavaScript [Code Editor](/earth-engine/guides/playground)\nseamlessly integrates with [Google Charts](/chart/interactive/docs/gallery)\nfor convenient tabular data visualization via `ui.Chart` functions. Charts can\nbe displayed interactively in the Code Editor console, `ui.Panel`\nwidgets, and in stand-alone browser tabs.\n| **Caution:** the `ui.Chart` widget is available for the JavaScript Code Editor API only.\n\n`DataTable` charts\n------------------\n\nEarth Engine uses the [Google Visualization API](/chart/interactive/docs/reference)\nto support charting. The API accepts a `DataTable`, which is a 2-D\ntable where rows are observations and columns are observation attributes.\nAll charts in Earth Engine are derived from a `DataTable`; the `ui.Chart` widget\nallows you to supply a `DataTable` directly. It affords the greatest opportunity\nfor chart customization, but may be less convenient than methods for charting\nspecific Earth Engine objects (see the following section). Learn more about\ncreating charts from a `DataTable`:\n\n- [**`DataTable` charting**](/earth-engine/guides/charts_datatable)\n\nEarth Engine object charts\n--------------------------\n\nThe `ui.Chart` widget provides helper methods to construct a `DataTable` and\nrender charts from `Image`, `ImageCollection` `Feature`, `FeatureCollection`,\n`Array`, and `List` objects. Each function accepts a specific data type and\nincludes methods for reducing the data to tabular format in a variety of\narrangements that dictate data assignment to chart series and axes.\n\nVisit the following links to learn how to generate a chart for each data type:\n\n- [**`Feature` charting**](/earth-engine/guides/charts_feature)\n- [**`FeatureCollection` charting**](/earth-engine/guides/charts_feature)\n- [**`Image` charting**](/earth-engine/guides/charts_image)\n- [**`ImageCollection` charting**](/earth-engine/guides/charts_image_collection)\n- [**`Array` charting**](/earth-engine/guides/charts_array)\n- [**`List` charting**](/earth-engine/guides/charts_array)\n\nChart types\n-----------\n\nA variety of chart types can be produced; for example: scatter, line, bar, pie,\nand histogram. Specifically, any chart type that is available in the Google\nCharts [corechart](/chart/interactive/docs/basic_load_libs#basic-library-loading)\npackage can be generated. Use the `ui.Chart.setChartType()`\nmethod to set chart type. Each page linked to in the\n[Earth Engine object charts](#earth_engine_object_charts) and\n[`DataTable` charts](#datatable_charts) sections include examples for generating\nseveral chart types.\n\nUse the following strings as input to the `ui.Chart.setChartType()` method: \n\n 'ScatterChart'\n 'LineChart'\n 'ColumnChart'\n 'BarChart'\n 'PieChart'\n 'AreaChart'\n\nHere is an example: \n\n var data = ee.List([0, 1, 2, 3, 4, 5]);\n var chart = ui.Chart.array.values(data, 0, data)\n .setChartType('ColumnChart');\n print(chart);\n\nDisplay and download\n--------------------\n\n`ui.Chart` widgets can be displayed three ways:\n\n- In the [Code Editor console](/earth-engine/guides/playground#console-tab)\n\n var data = ee.List([0, 1, 2, 3, 4, 5]);\n var chart = ui.Chart.array.values(data, 0, data);\n print(chart);\n\n- In a [`ui.Panel`](/earth-engine/guides/ui_panels#panels) widget\n\n var data = ee.List([0, 1, 2, 3, 4, 5]);\n var chart = ui.Chart.array.values(data, 0, data);\n var chartPanel = ui.Panel(chart);\n Map.add(chartPanel);\n\n- In a separate browser tab; click the pop-out icon (open_in_new) in the upper-right corner of a displayed `ui.Chart` widget. The new page provides a full-window display and options to **download the chart** as a graphic (PNG or SVG) or a CSV file of the underlying data.\n\nInteractivity\n-------------\n\nCharts are interactive by default. Hover over points, lines, bars, etc. to see\nrespective x, y, and series values. Axis zooming and panning are optionally\npermitted by [activating a chart's \"explorer\" functionality](/earth-engine/guides/charts_style#zoom_and_pan_chart_axes).\n\nStyling\n-------\n\nGoogle Charts are highly customizable via styling properties. Use the\n`ui.Chart.setOptions()` method to set chart style properties. See the\n[Chart Styling](/earth-engine/guides/charts_style) guide for full details.\n\nLimitations\n-----------\n\n`ui.Chart` functions will only render 5,000 features. If your\n`FeatureCollection`, `ImageCollection`, `Array` or `List` has more elements,\nconsider ways you might limit the data. If you have a long time series with a\nhigh cadence rate, try using a shorter time period, temporal sampling, or\ngenerate temporal composites. If the issue is spatial, try using a random\nsubset. If you are working with pixels in a list or array, try using a slightly\nlarger scale or smaller region.\n\nLong-running computations can fail to generate a chart because of interactive\nresponse limits of the Code Editor. If your chart request times out, try\n[exporting](/earth-engine/guides/exporting) intermediate steps of your analysis\nand regenerating the chart from the exported assets."]]
