Pasta grafik oluşturucu. Daha ayrıntılı bilgi için Google Grafikler dokümanlarına bakın.
Pasta grafiğin 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=A1%3AB8' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1'; var chartBuilder = Charts.newPieChart() .setTitle('World Population by Continent') .setDimensions(600, 500) .set3D() .setDataSourceUrl(dataSourceUrl); var chart = chartBuilder.build();
Yöntemler
Yöntem | Dönüş türü | Kısa açıklama |
---|---|---|
build() | Chart | Grafiği oluşturur. |
reverseCategories() | PieChartBuilder | Alan eksenindeki seri çizimini tersine çevirir. |
set3D() | PieChartBuilder | Grafiği üç boyutlu olacak şekilde ayarlar. |
setBackgroundColor(cssValue) | PieChartBuilder | Grafiğin arka plan rengini ayarlar. |
setColors(cssValues) | PieChartBuilder | Grafikteki çizgilerin renklerini ayarlar. |
setDataSourceUrl(url) | PieChartBuilder | Google E-Tablolar gibi harici bir kaynaktan veri çekmek için kullanılan veri kaynağı URL'sini ayarlar. |
setDataTable(tableBuilder) | PieChartBuilder | DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. |
setDataTable(table) | PieChartBuilder | Grafiğin çizgilerini ve X ekseni etiketlerini içeren veri tablosunu ayarlar. |
setDataViewDefinition(dataViewDefinition) | PieChartBuilder | Grafik için kullanılacak veri görünümü tanımını ayarlar. |
setDimensions(width, height) | PieChartBuilder | Grafiğin boyutlarını ayarlar. |
setLegendPosition(position) | PieChartBuilder | Göstergenin grafiğe göre konumunu ayarlar. |
setLegendTextStyle(textStyle) | PieChartBuilder | Grafik açıklamasının metin stilini ayarlar. |
setOption(option, value) | PieChartBuilder | Bu grafik için gelişmiş seçenekleri belirler. |
setTitle(chartTitle) | PieChartBuilder | Grafiğin başlığını ayarlar. |
setTitleTextStyle(textStyle) | PieChartBuilder | Grafik başlığının 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.
reverseCategories()
Alan eksenindeki seri çizimini tersine çevirir. Dikey aralıklı grafiklerde (çizgi, alan veya sütun grafikler gibi) yatay eksen, sağdan sola doğru çizilir. Bu, yatay aralıklı grafiklerde (çubuk grafikler gibi) dikey eksenin yukarıdan aşağıya doğru çizildiği anlamına gelir. Pasta grafiklerde bu, dilimlerin saat yönünün tersine çizileceği anlamına gelir.
// Creates a pie chart builder and sets drawing of the slices in a counter-clockwise manner. var builder = Charts.newPieChart(); builder.reverseCategories();
Return
PieChartBuilder
: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.
set3D()
Grafiği üç boyutlu olacak şekilde ayarlar.
Return
PieChartBuilder
: Bu oluşturucu, zincirleme bağlantı için kullanışlı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
Ad | Tür | Açıklama |
---|---|---|
cssValue | String | Rengin CSS değeri ("blue" veya "#00f" gibi). |
Return
PieChartBuilder
: 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
PieChartBuilder
: 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
PieChartBuilder
: 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
PieChartBuilder
: 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
PieChartBuilder
: 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
PieChartBuilder
: 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
PieChartBuilder
: 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
PieChartBuilder
: 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
PieChartBuilder
: 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 pie chart with a pretty legend. var builder = Charts.newPieChart(); builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}}); var chart = builder.build();
Parametreler
Ad | Tür | Açıklama |
---|---|---|
option | String | Ayarlama seçeneği. |
value | Object | Ayarlanacak değer. |
Return
PieChartBuilder
: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.
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
PieChartBuilder
: 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
PieChartBuilder
: Bu oluşturucu, zincirleme bağlantı için kullanışlıdır.