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öntem | Dönüş türü | Kısa açıklama |
---|---|---|
build() | Chart | Grafiği oluşturur. |
reverse | Pie | Alan eksenindeki serilerin çizimini tersine çevirir. |
set3D() | Pie | Grafiği üç boyutlu olarak ayarlar. |
set | Pie | Grafiğin arka plan rengini ayarlar. |
set | Pie | Grafikteki çizgilerin renklerini ayarlar. |
set | Pie | Google E-Tablolar gibi harici bir kaynaktan veri almak için kullanılan veri kaynağı URL'sini ayarlar. |
set | Pie | DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. |
set | Pie | Grafiğin çizgilerini ve X ekseni etiketlerini içeren veri tablosunu ayarlar. |
set | Pie | Grafik için kullanılacak veri görünümü tanımını belirler. |
set | Pie | Grafiğin boyutlarını ayarlar. |
set | Pie | Açıklamanın grafiğe göre konumunu ayarlar. |
set | Pie | Grafik açıklamasının metin stilini ayarlar. |
set | Pie | Bu grafik için gelişmiş seçenekleri belirler. |
set | Pie | Grafiğin başlığını ayarlar. |
set | Pie | Grafiğ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.
reverse Categories()
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
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set3D()
Grafiği üç boyutlu olarak ayarlar.
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Background Color(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
Ad | Tür | Açıklama |
---|---|---|
css | String | Rengin CSS değeri ("blue" veya "#00f" gibi). |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Colors(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
Ad | Tür | Açıklama |
---|---|---|
css | String[] | ["red", "#acf"] gibi bir renk CSS değerleri dizisi. Dizideki n. öğe, grafikteki n. satırın rengini temsil eder. |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Data Source Url(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
Ad | Tür | Açıklama |
---|---|---|
url | String | Tüm sorgu parametreleri dahil olmak üzere veri kaynağı URL'si. |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Data Table(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
Ad | Tür | Açıklama |
---|---|---|
table | Data | Veri 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
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Data Table(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
Ad | Tür | Açıklama |
---|---|---|
table | Data | Grafik için kullanılacak veri tablosu. |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Data View Definition(dataViewDefinition)
Grafik için kullanılacak veri görünümü tanımını belirler.
Parametreler
Ad | Tür | Açıklama |
---|---|---|
data | Data | Grafik ç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
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Dimensions(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
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Legend Position(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
Ad | Tür | Açıklama |
---|---|---|
position | Position | Açıklama bölümünün konumu. |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Legend Text Style(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
Ad | Tür | Açıklama |
---|---|---|
text | Text | Grafikle ilgili açıklama metni için kullanılacak metin stili. |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Option(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
Ad | Tür | Açıklama |
---|---|---|
option | String | Ayarlama seçeneği. |
value | Object | Ayarlanacak değer. |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Title(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
Ad | Tür | Açıklama |
---|---|---|
chart | String | grafik başlığı. |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.
set Title Text Style(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
Ad | Tür | Açıklama |
---|---|---|
text | Text | Grafik başlığı için kullanılacak metin stili. Charts.newTextStyle() işlevini çağırarak bir Text nesnesi oluşturabilirsiniz. |
Return
Pie
: Zincirleme için yararlı olan bu oluşturucu.