Class ScatterChartBuilder

ScatterChartBuilder

Dağılım grafikleri oluşturucu. Daha ayrıntılı bilgi için Google Grafikler dokümanlarına bakın.

Dağılım grafiğinin nasıl oluşturulacağını gösteren bir örneği aşağıda bulabilirsiniz. Veriler bir Google e-tablosundan içe aktarılır.

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

var 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);

var 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	Google E-Tablolar gibi harici bir kaynaktan veri ç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	Göstergenin grafiğe göre 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 belirler.
setPointStyle(style)	ScatterChartBuilder	Çizgideki noktaların stilini ayarlar.
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 bir ölçek haline getirir (tüm değerlerin pozitif olması gerekir).
setXAxisRange(start, end)	ScatterChartBuilder	Grafiğin yatay ekseni 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ık metin stilini ayarlar.
setYAxisLogScale()	ScatterChartBuilder	Dikey ekseni logaritmik bir ölçek haline getirir (tüm değerlerin pozitif olması gerekir).
setYAxisRange(start, end)	ScatterChartBuilder	Grafiğin dikey ekseni için aralığı 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ık metin stilini ayarlar.

Ayrıntılı belgeler

build()

Grafiği oluşturur.

Return

Chart: Dokümanlara ve kullanıcı arayüzü öğelerine yerleştirilebilen veya statik resim olarak kullanılabilen bir Grafik nesnesidir.

---

setBackgroundColor(cssValue)

Grafiğin arka plan rengini ayarlar.

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

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

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.
var 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'inci öğe, grafikteki n'inci çizginin rengini temsil eder.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setDataSourceUrl(url)

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

Veri kaynaklarını sorgulama hakkında daha fazla bilgi için Google Grafikler dokümanlarına göz atın.

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setDataTable(tableBuilder)

DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. Bu, build() yöntemini çağırmaya gerek kalmadan veri tablosunu ayarlamak için kullanışlı bir yöntemdir.

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

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. Ardından istediğiniz sayıda sütun gelebilir ve bunların tümü sayısal olmalıdır. Her sütun ayrı bir çizgi olarak gösterilir.

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

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 belirtilen veri kaynağından türetilmesi gereken görünümü tanımlayan bir veri görünümü tanım nesnesi.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

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: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setLegendPosition(position)

Göstergenin grafiğe göre konumunu ayarlar. Varsayılan olarak gösterge yoktur.

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

Parametreler

Ad	Tür	Açıklama
position	Position	Açıklamaların konumu.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

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.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

Parametreler

Ad	Tür	Açıklama
textStyle	TextStyle	Grafik açıklaması için kullanılacak metin stili.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setOption(option, value)

Bu grafik için gelişmiş seçenekleri belirler. Bu grafik için kullanılabilir seçeneklere bakın. Verilen seçenek geçersizse bu yöntemin hiçbir etkisi olmaz.

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

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setPointStyle(style)

Çizgideki noktaların stilini ayarlar. Varsayılan olarak, noktaların belirli stilleri yoktur ve yalnızca çizgi görünür.

// Creates a line chart builder and sets large point style.
var 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: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

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

• PointStyle

---

setTitle(chartTitle)

Grafiğin başlığını ayarlar. Başlık, grafiğin üstünde ortalanmış olarak görüntülenir.

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

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

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.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var 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() yöntemini çağırarak TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setXAxisLogScale()

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setXAxisRange(start, end)

Grafiğin yatay ekseni 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.
var builder = Charts.newTableChart();
builder.setXAxisRange(0, 100);

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setXAxisTextStyle(textStyle)

Yatay eksen metin stilini ayarlar.

// Creates a line chart builder and sets the X-axis text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var 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() yöntemini çağırarak TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

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.
var builder = Charts.newLineChart();
builder.setTitle('X-axis Title')

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setXAxisTitleTextStyle(textStyle)

Yatay eksen başlık metin stilini ayarlar.

// Creates a line chart builder and sets the X-axis title text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var 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() yöntemini çağırarak TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setYAxisLogScale()

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setYAxisRange(start, end)

Grafiğin dikey ekseni için aralığı 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.
var builder = Charts.newTableChart();
builder.setYAxisRange(0, 100);

Parametreler

Ad	Tür	Açıklama
start	Number	Dikey eksenin en düşük ızgara çizgisi değeri.
end	Number	Dikey eksenin en yüksek ızgara çizgisi değeri.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setYAxisTextStyle(textStyle)

Dikey eksen metin stilini ayarlar.

// Creates a line chart builder and sets the Y-axis text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var 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() yöntemini çağırarak TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setYAxisTitle(title)

Dikey eksene başlık ekler. Başlık ortalanır ve değer etiketlerinin sol tarafında görünür.

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

Parametreler

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

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.

---

setYAxisTitleTextStyle(textStyle)

Dikey eksen başlık metin stilini ayarlar.

// Creates a line chart builder and sets the Y-axis title text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var 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() yöntemini çağırarak TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.