Class ScatterChartBuilder

ScatterChartBuilder

Dağılım grafikleri için oluşturucu. Daha fazla bilgi için Google Charts belgelerini inceleyin.

Aşağıda, dağılım grafiğinin nasıl oluşturulacağını gösteren bir örnek verilmiştir. Veriler bir Google e-tablosundan içe aktarılır.

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=C1%3AD' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1';

const chartBuilder = Charts.newScatterChart()
                         .setTitle('Adjusted GDP & U.S. Population')
                         .setXAxisTitle('U.S. Population (millions)')
                         .setYAxisTitle('Adjusted GDP ($ billions)')
                         .setDimensions(600, 500)
                         .setLegendPosition(Charts.Position.NONE)
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

Yöntemler

Yöntem	Dönüş türü	Kısa açıklama
build()	Chart	Grafiği oluşturur.
setBackgroundColor(cssValue)	ScatterChartBuilder	Grafiğin arka plan rengini ayarlar.
setColors(cssValues)	ScatterChartBuilder	Grafikteki çizgilerin renklerini ayarlar.
setDataSourceUrl(url)	ScatterChartBuilder	Verileri Google E-Tablolar gibi harici bir kaynaktan çekmek için kullanılan veri kaynağı URL'sini ayarlar.
setDataTable(tableBuilder)	ScatterChartBuilder	DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar.
setDataTable(table)	ScatterChartBuilder	Grafiğin çizgilerini ve X ekseni etiketlerini içeren veri tablosunu ayarlar.
setDataViewDefinition(dataViewDefinition)	ScatterChartBuilder	Grafik için kullanılacak veri görünümü tanımını ayarlar.
setDimensions(width, height)	ScatterChartBuilder	Grafiğin boyutlarını ayarlar.
setLegendPosition(position)	ScatterChartBuilder	Grafiğe göre açıklamanın konumunu ayarlar.
setLegendTextStyle(textStyle)	ScatterChartBuilder	Grafik açıklamasının metin stilini ayarlar.
setOption(option, value)	ScatterChartBuilder	Bu grafik için gelişmiş seçenekleri ayarlar.
setPointStyle(style)	ScatterChartBuilder	Çizgideki noktaların stilini belirler.
setTitle(chartTitle)	ScatterChartBuilder	Grafiğin başlığını ayarlar.
setTitleTextStyle(textStyle)	ScatterChartBuilder	Grafik başlığının metin stilini ayarlar.
setXAxisLogScale()	ScatterChartBuilder	Yatay ekseni logaritmik ölçek yapar (tüm değerlerin pozitif olması gerekir).
setXAxisRange(start, end)	ScatterChartBuilder	Grafiğin yatay ekseninin aralığını ayarlar.
setXAxisTextStyle(textStyle)	ScatterChartBuilder	Yatay eksen metin stilini ayarlar.
setXAxisTitle(title)	ScatterChartBuilder	Yatay eksene başlık ekler.
setXAxisTitleTextStyle(textStyle)	ScatterChartBuilder	Yatay eksen başlığı metin stilini ayarlar.
setYAxisLogScale()	ScatterChartBuilder	Dikey ekseni logaritmik ölçek yapar (tüm değerlerin pozitif olması gerekir).
setYAxisRange(start, end)	ScatterChartBuilder	Grafiğin dikey ekseninin aralığını ayarlar.
setYAxisTextStyle(textStyle)	ScatterChartBuilder	Dikey eksen metin stilini ayarlar.
setYAxisTitle(title)	ScatterChartBuilder	Dikey eksene başlık ekler.
setYAxisTitleTextStyle(textStyle)	ScatterChartBuilder	Dikey eksen başlığı metin stilini ayarlar.

Ayrıntılı belgeler

build()

Grafiği oluşturur.

Return

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

---

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 (ör. "blue" veya "#00f").

Return

ScatterChartBuilder: Zincirleme için kullanışlı 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 renk CSS değerleri dizisi. Dizideki n. öğe, grafikteki n. satırın rengini temsil eder.

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setDataSourceUrl(url)

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

Veri kaynaklarına sorgu gönderme hakkında daha fazla bilgi için Google Grafikler dokümanlarını inceleyin.

Parametreler

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

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setDataTable(tableBuilder)

DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. Bu, build() işlevini çağırmaya gerek kalmadan veri tablosunu ayarlamak için kullanılan kolaylık sağlayan bir yöntemdir.

Parametreler

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

Return

ScatterChartBuilder: Zincirleme için kullanışlı 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. İstenen sayıda sütun eklenebilir. Bu sütunların tümü 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

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setDataViewDefinition(dataViewDefinition)

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

Parametreler

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

Return

ScatterChartBuilder: Zincirleme için kullanışlı 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

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setLegendPosition(position)

Grafiğe göre açıklamanın konumunu ayarlar. Varsayılan olarak gösterge 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	Lejantın konumu.

Return

ScatterChartBuilder: Zincirleme için kullanışlı 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	Grafik göstergesi için kullanılacak metin stili.

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setOption(option, value)

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

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

Parametreler

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

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setPointStyle(style)

Çizgideki noktaların stilini belirler. Varsayılan olarak, noktaların belirli bir stili 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	Çizgideki noktalar için kullanılacak stil.

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

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

• PointStyle

---

setTitle(chartTitle)

Grafiğin başlığını ayarlar. Başlık, grafiğin üzerinde ortalanmış şekilde 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

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setTitleTextStyle(textStyle)

Grafik başlığının metin stilini ayarlar.

// 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 TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setXAxisLogScale()

Yatay ekseni logaritmik ölçek yapar (tüm değerlerin pozitif olması gerekir).

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setXAxisRange(start, end)

Grafiğin yatay ekseninin aralığını ayarlar.

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

// Creates a scatter chart builder and sets the X-axis range to be 0 to 100.
const builder = Charts.newTableChart();
builder.setXAxisRange(0, 100);

Parametreler

Ad	Tür	Açıklama
start	Number	Yatay eksenin en alttaki ızgara çizgisinin değeri.
end	Number	Yatay eksenin en yüksek ızgara çizgisinin değeri.

Return

ScatterChartBuilder: Zincirleme için kullanışlı 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 TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setXAxisTitle(title)

Yatay eksene başlık ekler. Başlık ortalanır ve eksen değeri 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

ScatterChartBuilder: Zincirleme için kullanışlı 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 TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setYAxisLogScale()

Dikey ekseni logaritmik ölçek yapar (tüm değerlerin pozitif olması gerekir).

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setYAxisRange(start, end)

Grafiğin dikey ekseninin aralığını ayarlar. Aralığın dışında kalan veri noktaları varsa aralık, bu veri noktalarını içerecek şekilde genişletilir.

// Creates a scatter chart builder and sets the Y-axis range to be 0 to 100.
const builder = Charts.newTableChart();
builder.setYAxisRange(0, 100);

Parametreler

Ad	Tür	Açıklama
start	Number	Dikey eksenin en alttaki ızgara çizgisinin değeri.
end	Number	Dikey eksenin en yüksek ızgara çizgisi için değer.

Return

ScatterChartBuilder: Zincirleme için kullanışlı 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 TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.

---

setYAxisTitle(title)

Dikey eksene başlık ekler. Başlık ortalanır ve 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

ScatterChartBuilder: Zincirleme için kullanışlı 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 TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Zincirleme için kullanışlı olan bu oluşturucu.