Pasta grafikler için bir oluşturucu. Daha fazla bilgi için Google Grafikler belgelerine bakın.
Pasta grafiğin nasıl oluşturulacağını gösteren bir örneği burada 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 gibi harici bir kaynaktan veri çekmek için kullanılan veri kaynağı URL'sini belirler. E-Tablolar'ı tıklayın. |
setDataTable(tableBuilder) | PieChartBuilder | DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. |
setDataTable(table) | PieChartBuilder | Grafikteki çizgileri 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çıklamalarının metin stilini ayarlar. |
setOption(option, value) | PieChartBuilder | Bu grafik için gelişmiş seçenekleri ayarlar. |
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 veya kullanıcı arayüzü öğelerine yerleştirilebilen veya statik olarak kullanılabilen bir Chart nesnesi
görüntüsüdür.
reverseCategories()
Alan eksenindeki seri çizimini tersine çevirir. Dikey aralıklı grafikler (ör. çizgi, alan veya sütun grafikleri), bu, yatay eksenin sağdan sola doğru çizildiği anlamına gelir. Örneğin, grafiklerde (çubuk grafikler gibi), dikey eksende yukarıdan aşağıya doğru tıklayın. 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. var builder = Charts.newPieChart(); builder.reverseCategories();
Return
PieChartBuilder
— Zincirleme işlemleri için kullanışlı bu oluşturucu.
set3D()
Grafiği üç boyutlu olacak şekilde ayarlar.
Return
PieChartBuilder
— Zincirleme işlemleri için kullanışlı bu oluşturucu.
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 | Renk için CSS değeri (ör. "blue" veya "#00f" ). |
Return
PieChartBuilder
— 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
Ad | Tür | Açıklama |
---|---|---|
cssValues | String[] | ["red", "#acf"] gibi bir renk CSS değerleri dizisi. N'inci element
değeri, grafikteki n'inci çizginin rengini temsil eder. |
Return
PieChartBuilder
— 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
Ad | Tür | Açıklama |
---|---|---|
url | String | Sorgu parametreleri dahil olmak üzere veri kaynağı URL'si. |
Return
PieChartBuilder
— 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
Ad | Tür | Açıklama |
---|---|---|
tableBuilder | DataTableBuilder | Veri 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
PieChartBuilder
— 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
Ad | Tür | Açıklama |
---|---|---|
table | DataTableSource | Grafik için kullanılacak veri tablosu. |
Return
PieChartBuilder
— 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
Ad | Tür | Açıklama |
---|---|---|
dataViewDefinition | DataViewDefinition | Olması gereken görünümü tanımlayan bir veri görünümü tanımı nesnesi elde edilir. |
Return
PieChartBuilder
— Zincirleme işlemleri için kullanışlı 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
PieChartBuilder
— 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
Ad | Tür | Açıklama |
---|---|---|
position | Position | Açıklamanın konumu. |
Return
PieChartBuilder
— 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
Ad | Tür | Açıklama |
---|---|---|
textStyle | TextStyle | Grafik açıklaması için kullanılacak metin stili. |
Return
PieChartBuilder
— 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 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
— Zincirleme işlemleri için kullanışlı bu oluşturucu.
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
Ad | Tür | Açıklama |
---|---|---|
chartTitle | String | grafik başlığını tıklayın. |
Return
PieChartBuilder
— 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
Ad | Tür | Açıklama |
---|---|---|
textStyle | TextStyle | Grafik başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz. |
Return
PieChartBuilder
— Zincirleme işlemleri için kullanışlı bu oluşturucu.