Class ScatterChartBuilder

ScatterChartBuilder

Dağılım grafikleri oluşturucu. Daha fazla bilgi için Google Grafikler belgelerine 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öntemDönüş türüKısa açıklama
build()ChartGrafiği oluşturur.
setBackgroundColor(cssValue)ScatterChartBuilderGrafiğin arka plan rengini ayarlar.
setColors(cssValues)ScatterChartBuilderGrafikteki çizgilerin renklerini ayarlar.
setDataSourceUrl(url)ScatterChartBuilderGoogle gibi harici bir kaynaktan veri çekmek için kullanılan veri kaynağı URL'sini belirler. E-Tablolar'ı tıklayın.
setDataTable(tableBuilder)ScatterChartBuilderDataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar.
setDataTable(table)ScatterChartBuilderGrafikteki çizgileri ve X ekseni etiketlerini içeren veri tablosunu ayarlar.
setDataViewDefinition(dataViewDefinition)ScatterChartBuilderGrafik için kullanılacak veri görünümü tanımını ayarlar.
setDimensions(width, height)ScatterChartBuilderGrafiğin boyutlarını ayarlar.
setLegendPosition(position)ScatterChartBuilderGöstergenin grafiğe göre konumunu ayarlar.
setLegendTextStyle(textStyle)ScatterChartBuilderGrafik açıklamalarının metin stilini ayarlar.
setOption(option, value)ScatterChartBuilderBu grafik için gelişmiş seçenekleri ayarlar.
setPointStyle(style)ScatterChartBuilderÇizgideki noktaların stilini ayarlar.
setTitle(chartTitle)ScatterChartBuilderGrafiğin başlığını ayarlar.
setTitleTextStyle(textStyle)ScatterChartBuilderGrafik başlığının metin stilini ayarlar.
setXAxisLogScale()ScatterChartBuilderYatay ekseni logaritmik bir ölçeğe dönüştürür (tüm değerlerin pozitif olmasını gerektirir).
setXAxisRange(start, end)ScatterChartBuilderGrafiğin yatay ekseni için aralığı ayarlar.
setXAxisTextStyle(textStyle)ScatterChartBuilderYatay eksen metin stilini ayarlar.
setXAxisTitle(title)ScatterChartBuilderYatay eksene başlık ekler.
setXAxisTitleTextStyle(textStyle)ScatterChartBuilderYatay eksen başlık metin stilini ayarlar.
setYAxisLogScale()ScatterChartBuilderDikey ekseni logaritmik bir ölçeğe dönüştürür (tüm değerlerin pozitif olmasını gerektirir).
setYAxisRange(start, end)ScatterChartBuilderGrafiğin dikey ekseni için aralığı ayarlar.
setYAxisTextStyle(textStyle)ScatterChartBuilderDikey eksen metin stilini ayarlar.
setYAxisTitle(title)ScatterChartBuilderDikey eksene başlık ekler.
setYAxisTitleTextStyle(textStyle)ScatterChartBuilderDikey eksen başlık metin stilini ayarlar.

Ayrıntılı belgeler

build()

Grafiği oluşturur.

Return

Chart — Dokümanlara veya kullanıcı arayüzü öğelerine yerleştirilebilen veya statik olarak kullanılabilen bir Chart nesnesi görüntüsüdür.


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

AdTürAçıklama
cssValueStringRenk için CSS değeri (ör. "blue" veya "#00f").

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı 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.
var builder = Charts.newLineChart();
builder.setColors(["green", "red"]);

Parametreler

AdTürAçıklama
cssValuesString[]["red", "#acf"] gibi bir renk CSS değerleri dizisi. N'inci element değeri, grafikteki n'inci çizginin rengini temsil eder.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setDataSourceUrl(url)

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

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

Parametreler

AdTürAçıklama
urlStringSorgu parametreleri dahil olmak üzere veri kaynağı URL'si.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setDataTable(tableBuilder)

DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. Bu, kolaylık sağlayan bir yöntemdir veri tablosunu build() çağrısına gerek kalmadan ayarlamak için kullanılır.

Parametreler

AdTürAçıklama
tableBuilderDataTableBuilderVeri tablosu oluşturucu. Bu işlemin bir parçası olarak anında yeni bir veri tablosu oluşturulur çağrısına göre yapılır. Böylece, oluşturucuda yapılacak diğer güncellemeler grafiğe yansıtılmaz.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setDataTable(table)

Grafikteki çizgileri ve X ekseni etiketlerini içeren veri tablosunu ayarlar. İlgili içeriği oluşturmak için kullanılan ilk sütun bir dize olmalı ve yatay eksen etiketlerini içermelidir. Herhangi bir sayıda sütun yalnızca sayısal olmalıdır. Her sütun ayrı bir çizgi olarak görüntülenir.

Parametreler

AdTürAçıklama
tableDataTableSourceGrafik için kullanılacak veri tablosu.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setDataViewDefinition(dataViewDefinition)

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

Parametreler

AdTürAçıklama
dataViewDefinitionDataViewDefinitionOlması gereken görünümü tanımlayan bir veri görünümü tanımı nesnesi elde edilir.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setDimensions(width, height)

Grafiğin boyutlarını ayarlar.

Parametreler

AdTürAçıklama
widthIntegerGrafiğin piksel cinsinden genişliği.
heightIntegerGrafiğin piksel cinsinden yüksekliği.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setLegendPosition(position)

Göstergenin grafiğe göre konumunu ayarlar. Varsayılan olarak bir 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

AdTürAçıklama
positionPositionAçıklamanın konumu.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setLegendTextStyle(textStyle)

Grafik açıklamaları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

AdTürAçıklama
textStyleTextStyleGrafik açıklaması için kullanılacak metin stili.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setOption(option, value)

Bu grafik için gelişmiş seçenekleri ayarlar. Kullanılabilir seçeneklere bakın: inceleyin. 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

AdTürAçıklama
optionStringAyarlama seçeneği.
valueObjectAyarlanacak değer.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setPointStyle(style)

Çizgideki noktaların stilini ayarlar. Varsayılan olarak, noktaların belirli stilleri yoktur ve yalnızca çizginin görünür olduğundan emin olun.

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

Parametreler

AdTürAçıklama
stylePointStyleÇizgideki noktalar için kullanılacak stil.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

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


setTitle(chartTitle)

Grafiğin başlığını ayarlar. Başlık, grafiğin üst kısmında 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

AdTürAçıklama
chartTitleStringgrafik başlığını tıklayın.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı 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.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

Parametreler

AdTürAçıklama
textStyleTextStyleGrafik başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setXAxisLogScale()

Yatay ekseni logaritmik bir ölçeğe dönüştürür (tüm değerlerin pozitif olmasını gerektirir).

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setXAxisRange(start, end)

Grafiğin yatay ekseni için aralığı ayarlar.

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

// 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

AdTürAçıklama
startNumberYatay eksenin en alt ızgara çizgisinin değeri.
endNumberYatay eksenin en yüksek ızgara çizgisinin değeri.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı 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.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setXAxisTextStyle(textStyle);

Parametreler

AdTürAçıklama
textStyleTextStyleYatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setXAxisTitle(title)

Yatay eksene başlık ekler. Başlık ortalanır ve eksen değerinin altında görünür etiketler.

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

Parametreler

AdTürAçıklama
titleStringX ekseninin başlığı.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


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

AdTürAçıklama
textStyleTextStyleYatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setYAxisLogScale()

Dikey ekseni logaritmik bir ölçeğe dönüştürür (tüm değerlerin pozitif olmasını gerektirir).

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


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

AdTürAçıklama
startNumberDikey eksenin en alt ızgara çizgisinin değeri.
endNumberDikey eksenin en yüksek ızgara çizgisinin değeri.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı 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.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setYAxisTextStyle(textStyle);

Parametreler

AdTürAçıklama
textStyleTextStyleYatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


setYAxisTitle(title)

Dikey eksene başlık ekler. Başlık ortalanır ve değerin solunda görünür etiketler.

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

Parametreler

AdTürAçıklama
titleStringY ekseninin başlığı.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.


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

AdTürAçıklama
textStyleTextStyleYatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

ScatterChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.