Die Funktion ui.Chart.array.values bietet eine Methode zum Rendern von Diagrammen aus ee.Array- und ee.List-Objekten.
Die folgenden Beispiele basieren auf Array- und Listendaten, die durch die Reduzierung von Bildbändern und Bildmetadaten mithilfe der ee.Reducer.toList()-Reduzierfunktion generiert wurden. Hinweis: Mit ui.Chart.array.values können beliebige Listen und/oder Arrays mit derselben Länge entlang einer bestimmten Achse dargestellt werden.
Streudiagramm für ee.Array
Wenn Sie die Bildregion um ee.Reducer.toList() reduzieren, wird ein Wörterbuch mit Listen von Pixelwerten erstellt, eine für jeden Band in einem bestimmten Bild. Hier werden Listen mit Rot-, NIR- und SWIR-Reflektivitätswerten aus einem MODIS-Bild für Pixel extrahiert, die eine bewaldete Ökoregion schneiden. Die roten Reflexionswerte werden auf der x-Achse und die NIR- und SWIR-Werte auf der y-Achse dargestellt.
Das Asset projects/google/charts_feature_example, das in diesem Beispiel verwendet wird, um eine bewaldete Ökoregion abzugrenzen, wurde zu Demonstrationszwecken entwickelt. Es besteht aus drei Ökoregion-Polygonen mit Eigenschaften, die Klimanormalwerte beschreiben.
// 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')); // Define a MODIS surface reflectance composite. var modisSr = ee.ImageCollection('MODIS/006/MOD09A1') .filter(ee.Filter.date('2018-06-01', '2018-09-01')) .select('sur_refl_b0[0-7]') .mean(); // Reduce MODIS reflectance bands by forest region; get a dictionary with // band names as keys, pixel values as lists. var pixelVals = modisSr.reduceRegion( {reducer: ee.Reducer.toList(), geometry: forest.geometry(), scale: 2000}); // Convert NIR and SWIR value lists to an array to be plotted along the y-axis. var yValues = pixelVals.toArray(['sur_refl_b02', 'sur_refl_b06']); // Get the red band value list; to be plotted along the x-axis. var xValues = ee.List(pixelVals.get('sur_refl_b01')); // Define the chart and print it to the console. var chart = ui.Chart.array.values({array: yValues, axis: 1, xLabels: xValues}) .setSeriesNames(['NIR', 'SWIR']) .setOptions({ title: 'Relationship Among Spectral Bands for Forest Pixels', colors: ['1d6b99', 'cf513e'], pointSize: 4, dataOpacity: 0.4, hAxis: { 'title': 'Red reflectance (x1e4)', titleTextStyle: {italic: false, bold: true} }, vAxis: { 'title': 'Reflectance (x1e4)', titleTextStyle: {italic: false, bold: true} } }); print(chart);
Streudiagramm für ee.List
Mit der Funktion ui.Chart.array.values können zwei Listenobjekte dargestellt werden.
Aufbauend auf dem vorherigen Beispiel werden die Wertelisten für die X- und Y-Achse, die die Rot- und SWIR-Reflexion darstellen, als Streudiagramm gerendert.
// Get Red and SWIR value lists; to be plotted along x and y axes, respectively. // Note that the pixelVals object is defined in the previous code block. var x = ee.List(pixelVals.get('sur_refl_b01')); var y = ee.List(pixelVals.get('sur_refl_b06')); // Define the chart and print it to the console. var chart = ui.Chart.array.values({array: y, axis: 0, xLabels: x}).setOptions({ title: 'Relationship Among Spectral Bands for Forest Pixels', colors: ['cf513e'], hAxis: { title: 'Red reflectance (x1e4)', titleTextStyle: {italic: false, bold: true} }, vAxis: { title: 'SWIR reflectance (x1e4)', titleTextStyle: {italic: false, bold: true} }, pointSize: 4, dataOpacity: 0.4, legend: {position: 'none'}, }); print(chart);
ee.List Transektliniendiagramm
Wenn Sie die Bildregion um ee.Reducer.toList() reduzieren, wird ein Wörterbuch mit Listen von Pixelwerten erstellt, eine für jeden Bildband. Wenn die Region eine Linie ist, wie in diesem Fall, kann ein geografischer Transekt generiert werden, wenn Breiten- und Längengradbänder als Bänder in das gewünschte Bild aufgenommen werden. Hier werden die Listen der Längen- und Höhenpixelwerte entlang der Transektlinie als separate Variablen extrahiert und jeweils auf der X- und Y-Achse dargestellt.
// Define a line across the Olympic Peninsula, USA. var transect = ee.Geometry.LineString([[-122.8, 47.8], [-124.5, 47.8]]); // Define a pixel coordinate image. var latLonImg = ee.Image.pixelLonLat(); // Import a digital surface model and add latitude and longitude bands. var elevImg = ee.Image('JAXA/ALOS/AW3D30/V2_2').select('AVE_DSM').addBands(latLonImg); // Reduce elevation and coordinate bands by transect line; get a dictionary with // band names as keys, pixel values as lists. var elevTransect = elevImg.reduceRegion({ reducer: ee.Reducer.toList(), geometry: transect, scale: 1000, }); // Get longitude and elevation value lists from the reduction dictionary. var lon = ee.List(elevTransect.get('longitude')); var elev = ee.List(elevTransect.get('AVE_DSM')); // Sort the longitude and elevation values by ascending longitude. var lonSort = lon.sort(lon); var elevSort = elev.sort(lon); // Define the chart and print it to the console. var chart = ui.Chart.array.values({array: elevSort, axis: 0, xLabels: lonSort}) .setOptions({ title: 'Elevation Profile Across Longitude', hAxis: { title: 'Longitude', viewWindow: {min: -124.50, max: -122.8}, titleTextStyle: {italic: false, bold: true} }, vAxis: { title: 'Elevation (m)', titleTextStyle: {italic: false, bold: true} }, colors: ['1d6b99'], lineSize: 5, pointSize: 0, legend: {position: 'none'} }); print(chart);
Wenden Sie .setChartType('AreaChart') an, um eine Schattierung unter der Linie hinzuzufügen:
print(chart.setChartType('AreaChart'));
ee.List Metadaten-Streudiagramm
Wenn Sie die Sammlungseigenschaft um ee.Reducer.toList() reduzieren, wird ein Wörterbuch mit Listen von Property-Werten erstellt, eine für jede ausgewählte Property. Hier werden Listen mit Eigenschaften für die Wolkenbedeckung und den geometrischen RMSE aus einer Reihe von Landsat 8-Bildern als separate Variablen generiert. Die Variable „Bedeckung“ wird auf der x-Achse und der geometrische RMSE auf der y-Achse dargestellt.
// Import a Landsat 8 collection and filter to a single path/row. var col = ee.ImageCollection('LANDSAT/LC08/C02/T1_L2') .filter(ee.Filter.expression('WRS_PATH == 45 && WRS_ROW == 30')); // Reduce image properties to a series of lists; one for each selected property. var propVals = col.reduceColumns({ reducer: ee.Reducer.toList().repeat(2), selectors: ['CLOUD_COVER', 'GEOMETRIC_RMSE_MODEL'] }) .get('list'); // Get selected image property value lists; to be plotted along x and y axes. var x = ee.List(ee.List(propVals).get(0)); var y = ee.List(ee.List(propVals).get(1)); // Define the chart and print it to the console. var chart = ui.Chart.array.values({array: y, axis: 0, xLabels: x}) .setChartType('ScatterChart') .setOptions({ title: 'Landsat 8 Image Collection Metadata (045030)', colors: ['96356f'], hAxis: { title: 'Cloud cover (%)', titleTextStyle: {italic: false, bold: true} }, vAxis: { title: 'Geometric RMSE (m)', titleTextStyle: {italic: false, bold: true} }, pointSize: 5, dataOpacity: 0.6, legend: {position: 'none'}, }); print(chart);
ee.List Streu- und Liniendiagramm für zugeordnete Funktionen
Eine Funktion auf eine Liste von X-Werten anwenden, um eine entsprechende Liste von Y-Werten zu berechnen. Hier wird die Funktion sin() auf eine Liste von X‑Achsenwerten angewendet, um eine entsprechende Liste von Y‑Achsenwerten zu erstellen. Wenn die x- und y-Listen dargestellt werden, wird ein Beispiel der Sinuswelle angezeigt.
// Define a sequence from -2pi to +2pi in 50 increments. var start = -2 * Math.PI; var end = 2 * Math.PI; var points = ee.List.sequence(start, end, null, 50); // Evaluate the sin() function for each value in the points sequence. var values = points.map(function(val) { return ee.Number(val).sin(); }); // Define the chart and print it to the console. var chart = ui.Chart.array.values({array: values, axis: 0, xLabels: points}) .setOptions({ title: 'Sine Function', hAxis: { title: 'radians', viewWindowMode: 'maximized', ticks: [ {v: start, f: '-2π'}, {v: -Math.PI, f: '-π'}, {v: 0, f: '0'}, {v: Math.PI, f: 'π'}, {v: end, f: '2π'} ], titleTextStyle: {italic: false, bold: true} }, vAxis: { title: 'sin(x)', titleTextStyle: {italic: false, bold: true} }, colors: ['39a8a7'], lineWidth: 3, pointSize: 7, viewWindow: {min: start, max: end}, legend: {position: 'none'} }); print(chart);