Class LineChartBuilder

LineChartBuilder

Çizgi grafikler oluşturucu. Daha fazla bilgi için Google Grafikler belgelerine bakın.

Çizgi 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%3AG5' +
      '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=2&headers=-1';

  var chartBuilder = Charts.newLineChart()
      .setTitle('Yearly Rainfall')
      .setXAxisTitle('Month')
      .setYAxisTitle('Rainfall (in)')
      .setDimensions(600, 500)
      .setCurveStyle(Charts.CurveStyle.SMOOTH)
      .setPointStyle(Charts.PointStyle.MEDIUM)
      .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()	LineChartBuilder	Alan eksenindeki seri çizimini tersine çevirir.
setBackgroundColor(cssValue)	LineChartBuilder	Grafiğin arka plan rengini ayarlar.
setColors(cssValues)	LineChartBuilder	Grafikteki çizgilerin renklerini ayarlar.
setCurveStyle(style)	LineChartBuilder	Grafikteki eğriler için kullanılacak stili ayarlar.
setDataSourceUrl(url)	LineChartBuilder	Google gibi harici bir kaynaktan veri çekmek için kullanılan veri kaynağı URL'sini belirler. E-Tablolar'ı tıklayın.
setDataTable(tableBuilder)	LineChartBuilder	DataTableBuilder kullanarak grafik için kullanılacak veri tablosunu ayarlar.
setDataTable(table)	LineChartBuilder	Grafikteki çizgileri ve X ekseni etiketlerini içeren veri tablosunu ayarlar.
setDataViewDefinition(dataViewDefinition)	LineChartBuilder	Grafik için kullanılacak veri görünümü tanımını ayarlar.
setDimensions(width, height)	LineChartBuilder	Grafiğin boyutlarını ayarlar.
setLegendPosition(position)	LineChartBuilder	Göstergenin grafiğe göre konumunu ayarlar.
setLegendTextStyle(textStyle)	LineChartBuilder	Grafik açıklamalarının metin stilini ayarlar.
setOption(option, value)	LineChartBuilder	Bu grafik için gelişmiş seçenekleri ayarlar.
setPointStyle(style)	LineChartBuilder	Çizgideki noktaların stilini ayarlar.
setRange(start, end)	LineChartBuilder	Grafik için aralığı ayarlar.
setTitle(chartTitle)	LineChartBuilder	Grafiğin başlığını ayarlar.
setTitleTextStyle(textStyle)	LineChartBuilder	Grafik başlığının metin stilini ayarlar.
setXAxisTextStyle(textStyle)	LineChartBuilder	Yatay eksen metin stilini ayarlar.
setXAxisTitle(title)	LineChartBuilder	Yatay eksene başlık ekler.
setXAxisTitleTextStyle(textStyle)	LineChartBuilder	Yatay eksen başlık metin stilini ayarlar.
setYAxisTextStyle(textStyle)	LineChartBuilder	Dikey eksen metin stilini ayarlar.
setYAxisTitle(title)	LineChartBuilder	Dikey eksene başlık ekler.
setYAxisTitleTextStyle(textStyle)	LineChartBuilder	Dikey eksen başlık metin stilini ayarlar.
useLogScale()	LineChartBuilder	Aralık eksenini logaritmik bir ölçeğe dönüştürür (tüm değerlerin pozitif olmasını gerektirir).

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

LineChartBuilder — 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

LineChartBuilder — 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

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

setCurveStyle(style)

Grafikteki eğriler için kullanılacak stili ayarlar. İzin verilen eğri için CurveStyle öğesine bakın stillerini ayarlayın.

// Creates a line chart builder and curves the lines in the chart.
var builder = Charts.newLineChart();
builder.setCurveStyle(Charts.CurveStyle.SMOOTH)

Parametreler

Ad	Tür	Açıklama
style	CurveStyle	Grafikteki eğrilerin stili.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

Aşağıdaki kaynakları da incelemenizi öneririz:

• CurveStyle

---

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

LineChartBuilder — 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

LineChartBuilder — 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

LineChartBuilder — 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

LineChartBuilder — 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

LineChartBuilder — 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

LineChartBuilder — 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

LineChartBuilder — 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 line chart with a 1-second animation duration.
var builder = Charts.newLineChart();
builder.setOption('animation.duration', 1000);
var chart = builder.build();

Parametreler

Ad	Tür	Açıklama
option	String	Ayarlama seçeneği.
value	Object	Ayarlanacak değer.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

setPointStyle(style)

Çizgideki noktaların stilini ayarlar. Varsayılan olarak, noktaların belirli stilleri yoktur ve yalnızca çizginin görünür olduğundan emin olun.

// Creates a line chart builder and sets large point style.
var builder = Charts.newLineChart();
builder.setPointStyle(Charts.PointStyle.LARGE);

Parametreler

Ad	Tür	Açıklama
style	PointStyle	Çizgideki noktalar için kullanılacak stil.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

Aşağıdaki kaynakları da incelemenizi öneririz:

• PointStyle

---

setRange(start, end)

Grafik için aralığı ayarlar.

Aralığın dışında kalan veri noktaları varsa aralıklar bu verileri içerecek şekilde genişletilir puan.

Parametreler

Ad	Tür	Açıklama
start	Number	Aralık ekseninin en alt ızgara çizgisinin değeri.
end	Number	Aralık ekseninin en yüksek ızgara çizgisinin değeri.

Return

LineChartBuilder — 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

LineChartBuilder — 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

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

setXAxisTextStyle(textStyle)

Yatay eksen metin stilini ayarlar.

// Creates a line chart builder and sets the X-axis text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setXAxisTextStyle(textStyle);

Parametreler

Ad	Tür	Açıklama
textStyle	TextStyle	Yatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

setXAxisTitle(title)

Yatay eksene başlık ekler. Başlık ortalanır ve eksen değerinin altında görünür etiketler.

// Creates a line chart builder and sets the X-axis title.
var builder = Charts.newLineChart();
builder.setTitle('X-axis Title')

Parametreler

Ad	Tür	Açıklama
title	String	X ekseninin başlığı.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

setXAxisTitleTextStyle(textStyle)

Yatay eksen başlık metin stilini ayarlar.

// Creates a line chart builder and sets the X-axis title text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setXAxisTitleTextStyle(textStyle);

Parametreler

Ad	Tür	Açıklama
textStyle	TextStyle	Yatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

setYAxisTextStyle(textStyle)

Dikey eksen metin stilini ayarlar.

// Creates a line chart builder and sets the Y-axis text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setYAxisTextStyle(textStyle);

Parametreler

Ad	Tür	Açıklama
textStyle	TextStyle	Yatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

setYAxisTitle(title)

Dikey eksene başlık ekler. Başlık ortalanır ve değerin solunda görünür etiketler.

// Creates a line chart builder and sets the Y-axis title.
var builder = Charts.newLineChart();
builder.setYAxisTitle('Y-axis Title')

Parametreler

Ad	Tür	Açıklama
title	String	Y ekseninin başlığı.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

setYAxisTitleTextStyle(textStyle)

Dikey eksen başlık metin stilini ayarlar.

// Creates a line chart builder and sets the Y-axis title text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setYAxisTitleTextStyle(textStyle);

Parametreler

Ad	Tür	Açıklama
textStyle	TextStyle	Yatay eksen başlığı için kullanılacak metin stili. Charts.newTextStyle() yöntemini çağırarak bir TextStyleBuilder nesnesi oluşturabilirsiniz.

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.

---

useLogScale()

Aralık eksenini logaritmik bir ölçeğe dönüştürür (tüm değerlerin pozitif olmasını gerektirir). Aralık ekseni, dikey grafikler (çizgi, alan veya sütun gibi) için dikey eksendir. yatay eksen (çubuk gibi).

Return

LineChartBuilder — Zincirleme işlemleri için kullanışlı bu oluşturucu.