الرسوم البيانية لمجموعة الصور

تحتوي وحدة ui.Chart.image على مجموعة من الدوال لعرض الرسوم البيانية من نتائج التقليل من المساحة والوقت للصور ضمن ImageCollection. يحدِّد اختيار الدالة ترتيب البيانات في الرسم البياني، أي ما يحدِّد قيم محورَي x وy وما يحدِّد السلسلة. استخدِم أوصاف الدوالّ والأمثلة التالية لتحديد الدوالّ الأفضل لتحقيق الغرض المطلوب.

دوالّ الرسوم البيانية

استخدِم المخططات البيانية التالية كدليل مرئي لفهم كيفية ترتيب كل دالة لنتائج تقليل مجموعة الصور المكانية الزمانية في رسم بياني، أي العناصر التي تحدّد قيم x وy والسلسلة. تجدر الإشارة إلى أنّ دوال ui.Chart.image.doySeries* تستخدِم مُخفِّضَين: أحدهما للتقليل من أثر المنطقة (regionReducer) والآخر للتقليل من أثر اليوم من السنة المتزامن على مدار العام (yearReducer). تستخدِم الأمثلة في الأقسام التالية ee.Reducer.mean() كوسيطة لكلتا المَعلمتَين.

ui.Chart.image.series

يتمّ رسم تاريخ الصورة على طول محور x وفقًا للسمة system:time_start. يتم تحديد السلسلة حسب نطاقات الصور. قيم محور Y هي انخفاض عدد الصور حسب التاريخ لمنطقة واحدة.

ui.Chart.image.seriesByRegion

يتمّ رسم تاريخ الصورة على طول محور x وفقًا للسمة system:time_start. يتم تحديد السلسلة حسب المناطق. قيم محور Y هي نسبة الصور التي تمّ خفضها حسب التاريخ لفئة صور واحدة.

ui.Chart.image.doySeries

يتمّ رسم يوم السنة للصورة على طول محور السّي حسب سمة system:time_start. يتم تحديد السلسلة حسب نطاقات الصور. قيم محور Y هي انخفاض عدد بكسل الصورة في منطقة معيّنة، مجمّعة حسب يوم السنة.

ui.Chart.image.doySeriesByYear

يتمّ رسم يوم السنة للصورة على طول محور السّي حسب سمة system:time_start. يتم تحديد السلسلة حسب السنوات المتوفّرة في ملف ImageCollection. قيم محور Y هي انخفاض عدد وحدات البكسل في الصورة في منطقة معيّنة، مجمّعة حسب يوم السنة، لفئة صورة محدّدة.

ui.Chart.image.doySeriesByRegion

يتمّ رسم يوم السنة للصورة على طول محور السّي حسب سمة system:time_start. يتم تحديد السلسلة حسب المناطق. قيم محور Y هي انخفاض عدد بكسل الصورة في منطقة معيّنة، مجمّعة حسب يوم السنة، لشدَّة شريحة صورة محدّدة.

مثال للبيانات

تعتمد الأمثلة التالية على ImageCollection التي هي سلسلة زمنية لقياس مؤشرَي NDVI وEVI المستنِدين إلى MODIS. يتمّ تقليل عدد المناطق على المناطق البيئية التي يتمّ تحديدها من خلال العناصر في FeatureCollection المصمّمة لأغراض العرض (تعرَّف على كيفية إنشاء هذه الخريطة).

ui.Chart.image.series

استخدِم ui.Chart.image.series لعرض سلسلة زمنية للصور لمنطقة معيّنة، ويُعرَض كلّ نطاق صورة كسلسلة فريدة. وهي مفيدة لمقارنة السلاسل الزمنية لفواصل الصور الفردية. في ما يلي مجموعة من صور MODIS تتضمّن نطاقات تمثّل مؤشرَي الغطاء النباتي NDVI وEVI. يتم تضمين تاريخ كل ملاحظة من خلال الصور على محور x، في حين يحدِّد محور y متوسط انخفاض عدد وحدات البكسل التي تتقاطع مع منطقة بيئية للغابات.

محرِّر الرموز البرمجية (JavaScript)

// Import the example feature collection and subset the forest feature.
var forest = ee.FeatureCollection('projects/google/charts_feature_example')
                 .filter(ee.Filter.eq('label', 'Forest'));

// Load MODIS vegetation indices data and subset a decade of images.
var vegIndices = ee.ImageCollection('MODIS/061/MOD13A1')
                     .filter(ee.Filter.date('2010-01-01', '2020-01-01'))
                     .select(['NDVI', 'EVI']);

// Define the chart and print it to the console.
var chart =
    ui.Chart.image
        .series({
          imageCollection: vegIndices,
          region: forest,
          reducer: ee.Reducer.mean(),
          scale: 500,
          xProperty: 'system:time_start'
        })
        .setSeriesNames(['EVI', 'NDVI'])
        .setOptions({
          title: 'Average Vegetation Index Value by Date for Forest',
          hAxis: {title: 'Date', titleTextStyle: {italic: false, bold: true}},
          vAxis: {
            title: 'Vegetation index (x1e4)',
            titleTextStyle: {italic: false, bold: true}
          },
          lineWidth: 5,
          colors: ['e37d05', '1d6b99'],
          curveType: 'function'
        });
print(chart);

ui.Chart.image.seriesByRegion

استخدِم ui.Chart.image.seriesByRegion لعرض سلسلة زمنية واحدة لشريط صورة في مناطق متعدّدة، ويتم عرض كل منطقة كسلسلة فريدة. وهو مفعّل لمقارنة السلسلة الزمنية لفرقة واحدة في عدة مناطق. في ما يلي مجموعة صور MODIS تمثّل سلسلة زمنية لمؤشر NDVI تمّ تمثيلها لثلاثة مناطق إيكولوجية. يتم تضمين تاريخ كل ملاحظة للصورة على محور x، في حين يحدِّد متوسط انخفاض وحدات البكسل التي تتقاطع مع مناطق الغابات والصحاري والمراعي البيئية سلسلة محور y.

محرِّر الرموز البرمجية (JavaScript)

// Import the example feature collection.
var ecoregions = ee.FeatureCollection('projects/google/charts_feature_example');

// Load MODIS vegetation indices data and subset a decade of images.
var vegIndices = ee.ImageCollection('MODIS/061/MOD13A1')
                     .filter(ee.Filter.date('2010-01-01', '2020-01-01'))
                     .select(['NDVI', 'EVI']);

// Define the chart and print it to the console.
var chart =
    ui.Chart.image
        .seriesByRegion({
          imageCollection: vegIndices,
          band: 'NDVI',
          regions: ecoregions,
          reducer: ee.Reducer.mean(),
          scale: 500,
          seriesProperty: 'label',
          xProperty: 'system:time_start'
        })
        .setOptions({
          title: 'Average NDVI Value by Date',
          hAxis: {title: 'Date', titleTextStyle: {italic: false, bold: true}},
          vAxis: {
            title: 'NDVI (x1e4)',
            titleTextStyle: {italic: false, bold: true}
          },
          lineWidth: 5,
          colors: ['f0af07', '0f8755', '76b349'],
        });
print(chart);

ui.Chart.image.doySeries

استخدِم ui.Chart.image.doySeries لعرض سلسلة زمنية لأيام السنة في منطقة معيّنة، ويتم عرض كل نطاق صورة كسلسلة فريدة. ومن المفيد تقليل عدد الملاحظات التي تحدث في اليوم نفسه من السنة على مدار عدة سنوات، على سبيل المثال، لمقارنة متوسط الملفات السنوية لمؤشرَي NDVI وEVI من أداة MODIS، كما هو موضّح في هذا المثال.

محرِّر الرموز البرمجية (JavaScript)

// Import the example feature collection and subset the grassland feature.
var grassland = ee.FeatureCollection('projects/google/charts_feature_example')
                    .filter(ee.Filter.eq('label', 'Grassland'));

// Load MODIS vegetation indices data and subset a decade of images.
var vegIndices = ee.ImageCollection('MODIS/061/MOD13A1')
                     .filter(ee.Filter.date('2010-01-01', '2020-01-01'))
                     .select(['NDVI', 'EVI']);

// Define the chart and print it to the console.
var chart =
    ui.Chart.image
        .doySeries({
          imageCollection: vegIndices,
          region: grassland,
          regionReducer: ee.Reducer.mean(),
          scale: 500,
          yearReducer: ee.Reducer.mean(),
          startDay: 1,
          endDay: 365
        })
        .setSeriesNames(['EVI', 'NDVI'])
        .setOptions({
          title: 'Average Vegetation Index Value by Day of Year for Grassland',
          hAxis: {
            title: 'Day of year',
            titleTextStyle: {italic: false, bold: true}
          },
          vAxis: {
            title: 'Vegetation index (x1e4)',
            titleTextStyle: {italic: false, bold: true}
          },
          lineWidth: 5,
          colors: ['e37d05', '1d6b99'],
        });
print(chart);

ui.Chart.image.doySeriesByYear

استخدِم ui.Chart.image.doySeriesByYear لعرض سلسلة زمنية لأيام السنة في منطقة معيّنة وشريحة صورة معيّنة، حيث يتم عرض كل عام فريد في مجموعة الصور كسلسلة فريدة. وهو مفيد لمقارنة السلاسل الزمنية السنوية بين السنوات. على سبيل المثال، في هذا المثال، تمّ رسم المخططات السنوية لمؤشرات NDVI المستمَدة من MODIS لمنطقة بيئية من المراعي في عامَي 2012 و2019، ما يقدّمinterpretatio مناسبًا على مدار السنة.

محرِّر الرموز البرمجية (JavaScript)

// Import the example feature collection and subset the grassland feature.
var grassland = ee.FeatureCollection('projects/google/charts_feature_example')
                    .filter(ee.Filter.eq('label', 'Grassland'));

// Load MODIS vegetation indices data and subset years 2012 and 2019.
var vegIndices = ee.ImageCollection('MODIS/061/MOD13A1')
                     .filter(ee.Filter.or(
                         ee.Filter.date('2012-01-01', '2013-01-01'),
                         ee.Filter.date('2019-01-01', '2020-01-01')))
                     .select(['NDVI', 'EVI']);

// Define the chart and print it to the console.
var chart = ui.Chart.image
                .doySeriesByYear({
                  imageCollection: vegIndices,
                  bandName: 'NDVI',
                  region: grassland,
                  regionReducer: ee.Reducer.mean(),
                  scale: 500,
                  sameDayReducer: ee.Reducer.mean(),
                  startDay: 1,
                  endDay: 365
                })
                .setOptions({
                  title: 'Average NDVI Value by Day of Year for Grassland',
                  hAxis: {
                    title: 'Day of year',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  vAxis: {
                    title: 'NDVI (x1e4)',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  lineWidth: 5,
                  colors: ['39a8a7', '9c4f97'],
                });
print(chart);

ui.Chart.image.doySeriesByRegion

استخدِم ui.Chart.image.doySeriesByRegion لعرض شريط صورة واحد وسلسلة زمنية لأيام السنة في مناطق متعدّدة، حيث يتم عرض كل منطقة مختلفة كسلسلة فريدة. وهي مفيدة لمقارنة سلاسل ملفّات اتّباع المقياس الزمني لشريحة واحدة سنويًا بين المناطق. على سبيل المثال، في هذا المثال، يتمّ رسم ملفات تعريف NDVI السنوية المستمَدة من MODIS للمناطق الإيكولوجية للغابات والصحاري والمراعي، ما يقدّم مقارنة ملائمة لاستجابة NDVI حسب المنطقة. يُرجى العِلم أنّه يتم تقليل الرصدات التي تحدث في اليوم نفسه من السنة بمتوسّطها ضمن السنة.

محرِّر الرموز البرمجية (JavaScript)

// Import the example feature collection.
var ecoregions = ee.FeatureCollection('projects/google/charts_feature_example');

// Load MODIS vegetation indices data and subset a decade of images.
var vegIndices = ee.ImageCollection('MODIS/061/MOD13A1')
                     .filter(ee.Filter.date('2010-01-01', '2020-01-01'))
                     .select(['NDVI', 'EVI']);

// Define the chart and print it to the console.
var chart = ui.Chart.image
                .doySeriesByRegion({
                  imageCollection: vegIndices,
                  bandName: 'NDVI',
                  regions: ecoregions,
                  regionReducer: ee.Reducer.mean(),
                  scale: 500,
                  yearReducer: ee.Reducer.mean(),
                  seriesProperty: 'label',
                  startDay: 1,
                  endDay: 365
                })
                .setOptions({
                  title: 'Average NDVI Value by Day of Year',
                  hAxis: {
                    title: 'Day of year',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  vAxis: {
                    title: 'NDVI (x1e4)',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  lineWidth: 5,
                  colors: ['f0af07', '0f8755', '76b349'],
                });
print(chart);