Dağılım grafikleri için oluşturucu. Daha fazla bilgi için Google Grafikler belgelerini inceleyin.
Aşağıda, dağılım 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=C1%3AD' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1'; const 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); const chart = chartBuilder.build();
Yöntemler
| Yöntem | Dönüş türü | Kısa açıklama | 
|---|---|---|
| build() | Chart | Grafiği oluşturur. | 
| set | Scatter | Grafiğin arka plan rengini ayarlar. | 
| set | Scatter | Grafikteki çizgilerin renklerini ayarlar. | 
| set | Scatter | Google E-Tablolar gibi harici bir kaynaktan veri almak için kullanılan veri kaynağı URL'sini ayarlar. | 
| set | Scatter | DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. | 
| set | Scatter | Grafiğin çizgilerini ve X ekseni etiketlerini içeren veri tablosunu ayarlar. | 
| set | Scatter | Grafik için kullanılacak veri görünümü tanımını belirler. | 
| set | Scatter | Grafiğin boyutlarını ayarlar. | 
| set | Scatter | Açıklamanın grafiğe göre konumunu ayarlar. | 
| set | Scatter | Grafik açıklamasının metin stilini ayarlar. | 
| set | Scatter | Bu grafik için gelişmiş seçenekleri belirler. | 
| set | Scatter | Satırdaki noktaların stilini belirler. | 
| set | Scatter | Grafiğin başlığını ayarlar. | 
| set | Scatter | Grafiğin başlığının metin stilini belirler. | 
| set | Scatter | Yatay ekseni logaritmik ölçeğe dönüştürür (tüm değerlerin pozitif olması gerekir). | 
| set | Scatter | Grafiğin yatay ekseninin aralığını ayarlar. | 
| set | Scatter | Yatay eksen metin stilini ayarlar. | 
| set | Scatter | Yatay eksene başlık ekler. | 
| set | Scatter | Yatay eksen başlığı metin stilini ayarlar. | 
| set | Scatter | Dikey ekseni logaritmik ölçeğe dönüştürür (tüm değerlerin pozitif olması gerekir). | 
| set | Scatter | Grafiğin dikey ekseninin aralığını ayarlar. | 
| set | Scatter | Dikey eksen metin stilini ayarlar. | 
| set | Scatter | Dikey eksene başlık ekler. | 
| set | Scatter | Dikey eksen başlığı metin stilini ayarlar. | 
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.
set
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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar. Bu, build() çağrısı yapmadan 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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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çıklamanın konumu. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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 scatter chart with a 1-second animation duration. const builder = Charts.newScatterChart(); builder.setOption('animation.duration', 1000); const chart = builder.build();
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| option | String | Ayarlama seçeneği. | 
| value | Object | Ayarlanacak değer. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Satırdaki noktaların stilini belirler. Varsayılan olarak, noktalarda belirli bir stil yoktur ve yalnızca çizgi görünür.
// Creates a line chart builder and sets large point style. const builder = Charts.newLineChart(); builder.setPointStyle(Charts.PointStyle.LARGE);
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| style | Point | Satırdaki noktalar için kullanılacak stil. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
Aşağıdaki kaynakları da incelemenizi öneririz:
set
Grafiğin başlığını ayarlar. Başlık, grafiğin üst kısmında ortalanacaktır.
// 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
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
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 birTextnesnesi oluşturabilirsiniz. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Yatay ekseni logaritmik ölçeğe dönüştürür (tüm değerlerin pozitif olması gerekir).
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Grafiğin yatay ekseninin aralığını 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 X-axis range to be 0 to 100. const builder = Charts.newTableChart(); builder.setXAxisRange(0, 100);
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| start | Number | Yatay eksenin en düşük ızgara çizgisinin değeri. | 
| end | Number | Yatay eksenin en yüksek ızgara çizgisinin değeri. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Yatay eksen metin stilini ayarlar.
// Creates a line chart builder and sets the X-axis text style to blue, 18-point // font. const textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); const builder = Charts.newLineChart(); builder.setXAxisTextStyle(textStyle);
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| text | Text | Yatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle()işlevini çağırarak birTextnesnesi oluşturabilirsiniz. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Yatay eksene başlık ekler. Başlık ortalanıp eksen değer etiketlerinin altında görünür.
// Creates a line chart builder and sets the X-axis title. const builder = Charts.newLineChart(); builder.setTitle('X-axis Title');
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| title | String | X ekseninin başlığı. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Yatay eksen başlığı metin stilini ayarlar.
// Creates a line chart builder and sets the X-axis title text style to blue, // 18-point font. const textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); const builder = Charts.newLineChart(); builder.setXAxisTitleTextStyle(textStyle);
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| text | Text | Yatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle()işlevini çağırarak birTextnesnesi oluşturabilirsiniz. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Dikey ekseni logaritmik ölçeğe dönüştürür (tüm değerlerin pozitif olması gerekir).
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Grafiğin dikey ekseninin aralığını 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. const builder = Charts.newTableChart(); builder.setYAxisRange(0, 100);
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| start | Number | Dikey eksenin en düşük ızgara çizgisinin değeri. | 
| end | Number | Dikey eksenin en yüksek ızgara çizgisinin değeri. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Dikey eksen metin stilini ayarlar.
// Creates a line chart builder and sets the Y-axis text style to blue, 18-point // font. const textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); const builder = Charts.newLineChart(); builder.setYAxisTextStyle(textStyle);
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| text | Text | Yatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle()işlevini çağırarak birTextnesnesi oluşturabilirsiniz. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Dikey eksene başlık ekler. Başlık ortalanıp değer etiketlerinin solunda görünür.
// Creates a line chart builder and sets the Y-axis title. const builder = Charts.newLineChart(); builder.setYAxisTitle('Y-axis Title');
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| title | String | Y ekseninin başlığı. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.
set
Dikey eksen başlığı metin stilini ayarlar.
// Creates a line chart builder and sets the Y-axis title text style to blue, // 18-point font. const textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); const builder = Charts.newLineChart(); builder.setYAxisTitleTextStyle(textStyle);
Parametreler
| Ad | Tür | Açıklama | 
|---|---|---|
| text | Text | Yatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle()işlevini çağırarak birTextnesnesi oluşturabilirsiniz. | 
Return
Scatter: Zincirleme için yararlı olan bu oluşturucu.