Class PieChartBuilder

PastaGrafiğiOluşturucu

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

Aşağıda, pasta 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=A1%3AB8' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1';

const chartBuilder = Charts.newPieChart()
                         .setTitle('World Population by Continent')
                         .setDimensions(600, 500)
                         .set3D()
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

Yöntemler

YöntemDönüş türüKısa açıklama
build()ChartGrafiği oluşturur.
reverseCategories()PieChartBuilderAlan eksenindeki serilerin çizimini tersine çevirir.
set3D()PieChartBuilderGrafiği üç boyutlu olarak ayarlar.
setBackgroundColor(cssValue)PieChartBuilderGrafiğin arka plan rengini ayarlar.
setColors(cssValues)PieChartBuilderGrafikteki çizgilerin renklerini ayarlar.
setDataSourceUrl(url)PieChartBuilderGoogle E-Tablolar gibi harici bir kaynaktan veri almak için kullanılan veri kaynağı URL'sini ayarlar.
setDataTable(tableBuilder)PieChartBuilderDataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar.
setDataTable(table)PieChartBuilderGrafiğin çizgilerini ve X ekseni etiketlerini içeren veri tablosunu ayarlar.
setDataViewDefinition(dataViewDefinition)PieChartBuilderGrafik için kullanılacak veri görünümü tanımını belirler.
setDimensions(width, height)PieChartBuilderGrafiğin boyutlarını ayarlar.
setLegendPosition(position)PieChartBuilderAçıklamanın grafiğe göre konumunu ayarlar.
setLegendTextStyle(textStyle)PieChartBuilderGrafik açıklamasının metin stilini ayarlar.
setOption(option, value)PieChartBuilderBu grafik için gelişmiş seçenekleri belirler.
setTitle(chartTitle)PieChartBuilderGrafiğin başlığını ayarlar.
setTitleTextStyle(textStyle)PieChartBuilderGrafiğin başlığının metin stilini belirler.

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

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


set3D()

Grafiği üç boyutlu olarak ayarlar.

Return

PieChartBuilder: 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

AdTürAçıklama
cssValueStringRengin CSS değeri ("blue" veya "#00f" gibi).

Return

PieChartBuilder: 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

AdTürAçıklama
cssValuesString[]["red", "#acf"] gibi bir renk CSS değerleri dizisi. Dizideki n. öğe, grafikteki n. satırın rengini temsil eder.

Return

PieChartBuilder: 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

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

Return

PieChartBuilder: 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

AdTürAçıklama
tableBuilderDataTableBuilderVeri 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

PieChartBuilder: 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

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

Return

PieChartBuilder: 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

AdTürAçıklama
dataViewDefinitionDataViewDefinitionGrafik ç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

PieChartBuilder: Zincirleme için yararlı olan 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

PieChartBuilder: 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

AdTürAçıklama
positionPositionAçıklama bölümünün konumu.

Return

PieChartBuilder: 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

AdTürAçıklama
textStyleTextStyleGrafikle ilgili açıklama metni için kullanılacak metin stili.

Return

PieChartBuilder: 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 a pie chart with a pretty legend.
const builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
const chart = builder.build();

Parametreler

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

Return

PieChartBuilder: 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

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

Return

PieChartBuilder: 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

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

Return

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