Bu sayfa, Cloud Translation API ile çevrilmiştir.

Class AreaChartBuilder

Alan grafikleri için oluşturucu. Daha fazla bilgi için Google Grafikler belgelerini inceleyin.

Aşağıda, alan grafiğinin nasıl oluşturulacağını gösteren bir örnek verilmiştir.

// Create a data table with some sample data.
const sampleData = Charts.newDataTable()
                       .addColumn(Charts.ColumnType.STRING, 'Month')
                       .addColumn(Charts.ColumnType.NUMBER, 'Dining')
                       .addColumn(Charts.ColumnType.NUMBER, 'Total')
                       .addRow(['Jan', 60, 520])
                       .addRow(['Feb', 50, 430])
                       .addRow(['Mar', 53, 440])
                       .addRow(['Apr', 70, 410])
                       .addRow(['May', 80, 390])
                       .addRow(['Jun', 60, 500])
                       .addRow(['Jul', 100, 450])
                       .addRow(['Aug', 140, 431])
                       .addRow(['Sep', 75, 488])
                       .addRow(['Oct', 70, 521])
                       .addRow(['Nov', 58, 388])
                       .addRow(['Dec', 63, 400])
                       .build();

const chart = Charts.newAreaChart()
                  .setTitle('Yearly Spending')
                  .setXAxisTitle('Month')
                  .setYAxisTitle('Spending (USD)')
                  .setDimensions(600, 500)
                  .setStacked()
                  .setColors(['red', 'green'])
                  .setDataTable(sampleData)
                  .build();

Yöntemler

Yöntem	Dönüş türü	Kısa açıklama
`build()`	`Chart`	Grafiği oluşturur.
`reverseCategories()`	`AreaChartBuilder`	Alan eksenindeki serilerin çizimini tersine çevirir.
`setBackgroundColor(cssValue)`	`AreaChartBuilder`	Grafiğin arka plan rengini ayarlar.
`setColors(cssValues)`	`AreaChartBuilder`	Grafikteki çizgilerin renklerini ayarlar.
`setDataSourceUrl(url)`	`AreaChartBuilder`	Google E-Tablolar gibi harici bir kaynaktan veri almak için kullanılan veri kaynağı URL'sini ayarlar.
`setDataTable(tableBuilder)`	`AreaChartBuilder`	DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar.
`setDataTable(table)`	`AreaChartBuilder`	Grafiğin çizgilerini ve X ekseni etiketlerini içeren veri tablosunu ayarlar.
`setDataViewDefinition(dataViewDefinition)`	`AreaChartBuilder`	Grafik için kullanılacak veri görünümü tanımını belirler.
`setDimensions(width, height)`	`AreaChartBuilder`	Grafiğin boyutlarını ayarlar.
`setLegendPosition(position)`	`AreaChartBuilder`	Açıklamanın grafiğe göre konumunu ayarlar.
`setLegendTextStyle(textStyle)`	`AreaChartBuilder`	Grafik açıklamasının metin stilini ayarlar.
`setOption(option, value)`	`AreaChartBuilder`	Bu grafik için gelişmiş seçenekleri belirler.
`setPointStyle(style)`	`AreaChartBuilder`	Satırdaki noktaların stilini belirler.
`setRange(start, end)`	`AreaChartBuilder`	Grafiğin aralığını ayarlar.
`setStacked()`	`AreaChartBuilder`	Yığılmış çizgiler kullanır. Yani çizgi ve çubuk değerleri yığılır (toplanır).
`setTitle(chartTitle)`	`AreaChartBuilder`	Grafiğin başlığını ayarlar.
`setTitleTextStyle(textStyle)`	`AreaChartBuilder`	Grafiğin başlığının metin stilini belirler.
`setXAxisTextStyle(textStyle)`	`AreaChartBuilder`	Yatay eksen metin stilini ayarlar.
`setXAxisTitle(title)`	`AreaChartBuilder`	Yatay eksene başlık ekler.
`setXAxisTitleTextStyle(textStyle)`	`AreaChartBuilder`	Yatay eksen başlığı metin stilini ayarlar.
`setYAxisTextStyle(textStyle)`	`AreaChartBuilder`	Dikey eksen metin stilini ayarlar.
`setYAxisTitle(title)`	`AreaChartBuilder`	Dikey eksene başlık ekler.
`setYAxisTitleTextStyle(textStyle)`	`AreaChartBuilder`	Dikey eksen başlığı metin stilini ayarlar.
`useLogScale()`	`AreaChartBuilder`	Aralık eksenini logaritmik ölçeğe dönüştürür (tüm değerlerin pozitif olması gerekir).

Ayrıntılı dokümanlar

`build()`

Grafiği oluşturur.

Return

Chart: Belgelere, kullanıcı arayüzü öğelerine yerleştirilebilen veya statik resim olarak kullanılabilen bir grafik nesnesi.

`reverseCategories()`

Alan eksenindeki serilerin çizimini tersine çevirir. Dikey aralık grafiklerinde (ör. çizgi, alan veya sütun grafikleri) bu, yatay eksenin sağdan sola doğru çizildiği anlamına gelir. Yatay aralık grafiklerinde (ör. çubuk grafikler) bu, dikey eksenin yukarıdan aşağıya doğru çizildiği anlamına gelir. Pasta grafiklerde bu, dilimlerin saat yönünün tersine çizildiği anlamına gelir.

// Creates a pie chart builder and sets drawing of the slices in a
// counter-clockwise manner.
const builder = Charts.newPieChart();
builder.reverseCategories();

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setBackgroundColor(cssValue)`

Grafiğin arka plan rengini ayarlar.

// Creates a line chart builder and sets the background color to gray
const builder = Charts.newLineChart();
builder.setBackgroundColor('gray');

Parametreler

Ad	Tür	Açıklama
`cssValue`	`String`	Rengin CSS değeri (`"blue"` veya `"#00f"` gibi).

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setColors(cssValues)`

Grafikteki çizgilerin renklerini ayarlar.

// Creates a line chart builder and sets the first two lines to be drawn in
// green and red, respectively.
const builder = Charts.newLineChart();
builder.setColors(['green', 'red']);

Parametreler

Ad	Tür	Açıklama
`cssValues`	`String[]`	`["red", "#acf"]` gibi bir renk CSS değerleri dizisi. Dizideki n. öğe, grafikteki n. satırın rengini temsil eder.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setDataSourceUrl(url)`

Google E-Tablolar gibi harici bir kaynaktan veri almak için kullanılan veri kaynağı URL'sini ayarlar. Bir veri kaynağı URL'si ve DataTable sağlanırsa veri kaynağı URL'si yoksayılır.

Veri kaynaklarını sorgulamak hakkında daha fazla bilgi için Google Grafikler dokümanlarını inceleyin.

Parametreler

Ad	Tür	Açıklama
`url`	`String`	Tüm sorgu parametreleri dahil olmak üzere veri kaynağı URL'si.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setDataTable(tableBuilder)`

DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. Bu, build() çağrısı yapmanıza gerek kalmadan veri tablosunu ayarlamak için kullanılan bir kolaylık yöntemidir.

Parametreler

Ad	Tür	Açıklama
`tableBuilder`	`DataTableBuilder`	Veri tablosu oluşturucu. Bu çağrının bir parçası olarak anında yeni bir veri tablosu oluşturulur. Bu nedenle, oluşturucuda yapılan diğer güncellemeler grafiğe yansıtılmaz.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setDataTable(table)`

Grafiğin çizgilerini ve X ekseni etiketlerini içeren veri tablosunu ayarlar. İlk sütun bir dize olmalı ve yatay eksen etiketlerini içermelidir. İstediğiniz sayıda sütun ekleyebilirsiniz. Tüm sütunlar sayısal olmalıdır. Her sütun ayrı bir satır olarak gösterilir.

Parametreler

Ad	Tür	Açıklama
`table`	`DataTableSource`	Grafik için kullanılacak veri tablosu.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setDataViewDefinition(dataViewDefinition)`

Grafik için kullanılacak veri görünümü tanımını belirler.

Parametreler

Ad	Tür	Açıklama
`dataViewDefinition`	`DataViewDefinition`	Grafik çizimi için belirli veri kaynağından türetilmesi gereken görünümü tanımlayan bir veri görünümü tanımı nesnesi.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setDimensions(width, height)`

Grafiğin boyutlarını ayarlar.

Parametreler

Ad	Tür	Açıklama
`width`	`Integer`	Grafiğin piksel cinsinden genişliği.
`height`	`Integer`	Grafiğin piksel cinsinden yüksekliği.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setLegendPosition(position)`

Açıklamanın grafiğe göre konumunu ayarlar. Varsayılan olarak bir açıklama yoktur.

// Creates a line chart builder and sets the legend position to right.
const builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

Parametreler

Ad	Tür	Açıklama
`position`	`Position`	Açıklama bölümünün konumu.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setLegendTextStyle(textStyle)`

Grafik açıklamasının metin stilini ayarlar.

// Creates a line chart builder and sets it up for a  blue, 26-point legend.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

Parametreler

Ad	Tür	Açıklama
`textStyle`	`TextStyle`	Grafikle ilgili açıklama metni için kullanılacak metin stili.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setOption(option, value)`

Bu grafik için gelişmiş seçenekleri belirler. Bu grafik için kullanılabilen seçenekleri inceleyin. Belirtilen seçenek geçersizse bu yöntemin hiçbir etkisi olmaz.

// Build an area chart with a 1-second animation duration.
const builder = Charts.newAreaChart();
builder.setOption('animation.duration', 1000);
const chart = builder.build();

Parametreler

Ad	Tür	Açıklama
`option`	`String`	Ayarlama seçeneği.
`value`	`Object`	Ayarlanacak değer.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setPointStyle(style)`

Satırdaki noktaların stilini belirler. Varsayılan olarak, noktalarda belirli bir stil yoktur ve yalnızca çizgi görünür.

// Creates a line chart builder and sets large point style.
const builder = Charts.newLineChart();
builder.setPointStyle(Charts.PointStyle.LARGE);

Parametreler

Ad	Tür	Açıklama
`style`	`PointStyle`	Satırdaki noktalar için kullanılacak stil.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

Aşağıdaki kaynakları da incelemenizi öneririz:

PointStyle

`setRange(start, end)`

Grafiğin aralığını ayarlar.

Aralığın dışında kalan veri noktaları varsa aralık bu veri noktalarını içerecek şekilde genişletilir.

Parametreler

Ad	Tür	Açıklama
`start`	`Number`	Aralık ekseninin en düşük ızgara çizgisinin değeri.
`end`	`Number`	Aralık ekseninin en yüksek ızgara çizgisinin değeri.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setStacked()`

Yığılmış çizgiler kullanır. Yani çizgi ve çubuk değerleri yığılır (toplanır). Varsayılan olarak yığın oluşturma yoktur.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setTitle(chartTitle)`

Grafiğin başlığını ayarlar. Başlık, grafiğin üst kısmında ortalanıp gösterilir.

// Creates a line chart builder and title to 'My Line Chart'.
const builder = Charts.newLineChart();
builder.setTitle('My Line Chart');

Parametreler

Ad	Tür	Açıklama
`chartTitle`	`String`	grafik başlığı.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setTitleTextStyle(textStyle)`

Grafiğin başlığının metin stilini belirler.

// Creates a line chart builder and sets it up for a  blue, 26-point title.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

Parametreler

Ad	Tür	Açıklama
`textStyle`	`TextStyle`	Grafik başlığı için kullanılacak metin stili. `Charts.newTextStyle()` işlevini çağırarak bir `TextStyleBuilder` nesnesi oluşturabilirsiniz.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setXAxisTextStyle(textStyle)`

Yatay eksen metin stilini ayarlar.

// Creates a line chart builder and sets the X-axis text style to blue, 18-point
// font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setXAxisTextStyle(textStyle);

Parametreler

Ad	Tür	Açıklama
`textStyle`	`TextStyle`	Yatay eksen başlığı için kullanılacak metin stili. `Charts.newTextStyle()` işlevini çağırarak bir `TextStyleBuilder` nesnesi oluşturabilirsiniz.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setXAxisTitle(title)`

Yatay eksene başlık ekler. Başlık ortalanıp eksen değer etiketlerinin altında görünür.

// Creates a line chart builder and sets the X-axis title.
const builder = Charts.newLineChart();
builder.setTitle('X-axis Title');

Parametreler

Ad	Tür	Açıklama
`title`	`String`	X ekseninin başlığı.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setXAxisTitleTextStyle(textStyle)`

Yatay eksen başlığı metin stilini ayarlar.

// Creates a line chart builder and sets the X-axis title text style to blue,
// 18-point font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setXAxisTitleTextStyle(textStyle);

Parametreler

Ad	Tür	Açıklama
`textStyle`	`TextStyle`	Yatay eksen başlığı için kullanılacak metin stili. `Charts.newTextStyle()` işlevini çağırarak bir `TextStyleBuilder` nesnesi oluşturabilirsiniz.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setYAxisTextStyle(textStyle)`

Dikey eksen metin stilini ayarlar.

// Creates a line chart builder and sets the Y-axis text style to blue, 18-point
// font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTextStyle(textStyle);

Parametreler

Ad	Tür	Açıklama
`textStyle`	`TextStyle`	Yatay eksen başlığı için kullanılacak metin stili. `Charts.newTextStyle()` işlevini çağırarak bir `TextStyleBuilder` nesnesi oluşturabilirsiniz.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setYAxisTitle(title)`

Dikey eksene başlık ekler. Başlık ortalanıp değer etiketlerinin solunda görünür.

// Creates a line chart builder and sets the Y-axis title.
const builder = Charts.newLineChart();
builder.setYAxisTitle('Y-axis Title');

Parametreler

Ad	Tür	Açıklama
`title`	`String`	Y ekseninin başlığı.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`setYAxisTitleTextStyle(textStyle)`

Dikey eksen başlığı metin stilini ayarlar.

// Creates a line chart builder and sets the Y-axis title text style to blue,
// 18-point font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTitleTextStyle(textStyle);

Parametreler

Ad	Tür	Açıklama
`textStyle`	`TextStyle`	Yatay eksen başlığı için kullanılacak metin stili. `Charts.newTextStyle()` işlevini çağırarak bir `TextStyleBuilder` nesnesi oluşturabilirsiniz.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.

`useLogScale()`

Aralık eksenini logaritmik ölçeğe dönüştürür (tüm değerlerin pozitif olması gerekir). Aralık ekseni, dikey grafikler (ör. çizgi, alan veya sütun) için dikey eksen, yatay grafikler (ör. çubuk) için yatay eksendir.

Return

AreaChartBuilder: Zincirleme için yararlı olan bu oluşturucu.