Grafik yapılandırma seçenekleri

Grafik Türleri

Not grafiği yapılandırma seçenekleri

Ad
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (ör. colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
displayRangeSelector

Yakınlaştırma aralığı seçim alanının (grafiğin altındaki alan) gösterilip gösterilmeyeceği. false, gösterilmeyeceği anlamına gelir.

Yakınlaştırma seçicideki ana hat, grafikteki ilk serinin logaritmik ölçekli bir sürümüdür ve yakınlaştırma seçicinin yüksekliğine uyacak şekilde ölçeklendirilmiştir.

Tür: boolean
Varsayılan: true
displayZoomButtons

Yakınlaştırma düğmelerinin ("1g 5g 1ay" vb.) gösterilip gösterilmeyeceği. false, "hayır" anlamına gelir.

Tür: boolean
Varsayılan: true
maks.

Y ekseninde gösterilecek maksimum değer. Maksimum veri noktası bu değeri aşarsa bu ayar yoksayılır ve grafik, maksimum veri noktasının üzerindeki bir sonraki ana işaretçiyi gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen Y ekseni maksimum değerine göre önceliklidir.

Bu, temel grafiklerdeki maxValue öğesine benzer.

Tür: number
Varsayılan: otomatik
dk

Y ekseninde gösterilecek minimum değer. Minimum veri noktası bu değerden küçükse bu ayar yoksayılır ve grafik, minimum veri noktasının altındaki bir sonraki ana işaretçiyi gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen Y ekseni minimum değerinden önceliklidir.

Bu, temel grafiklerdeki minValue öğesine benzer.

Tür: number
Varsayılan: otomatik

Alan grafiği yapılandırma seçenekleri

Ad
areaOpacity

Alan grafiği serisinin altındaki renkli alanın varsayılan opaklığıdır. Burada 0.0 tamamen şeffaf, 1.0 ise tamamen opaktır. Tek bir seri için opaklık belirtmek üzere series özelliğinde areaOpacity değerini ayarlayın.

Tür: number, 0.0- 1.0
Varsayılan: 0.3
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm değerlerin pozitif olması gerekir). Evet için true olarak ayarlayın.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: boolean
Varsayılan: false
hAxis.maxValue

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sağa doğru olur. Verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sola doğru olur. Bu değer, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
interpolateNulls

Eksik noktaların değerinin tahmin edilip edilmeyeceği. true ise eksik verilerin değerini komşu noktalara göre tahmin eder. false ise bilinmeyen noktada satırda kesme bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçeneğiyle alan grafiklerinde desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true olarak ayarlanırsa tüm serilerdeki öğeler her alan değerinde yığılır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığılmasıyla daha iyi eşleşmesi için gösterge öğelerinin sırasını tersine çevirir (ör. 0 serisi en alttaki gösterge öğesi olur). Bu, çubuk grafikler için geçerli değildir .

isStacked seçeneği, her alan değerindeki öğe yığınlarının% 100'e ulaşacak şekilde yeniden ölçeklendirildiği %100 yığınlamayı da destekler.

isStacked için seçenekler şunlardır:

  • false: Öğeler üst üste gelmez. Bu, varsayılan seçenektir.
  • true: Her alan değeri için tüm serilerdeki öğeleri yığılır.
  • 'percent' — Her alan değeri için tüm serilerin öğelerini yığıp toplamları %100 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Her alan değeri için tüm serilerdeki öğeleri yığıp her öğenin değeri 1'in kesri olarak hesaplanacak şekilde yeniden ölçeklendirir.
  • 'absolute' — isStacked: true ile aynı işlevi görür.

%100 yığınlama için her öğenin hesaplanan değeri, gerçek değerinden sonra ipucunda gösterilir.

Hedef ekseni, 'relative' için 1'in kesirleri olarak, 'percent' için ise 0-100% olarak göreceli 0-1 ölçeğine dayalı işaret değerlerine ayarlanır. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreceli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni işaretlerinin göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasıyla elde edilmesidir. isStacked: 'percent' kullanırken tüm işaretleri/ızgara çizgilerini göreli 0-1 ölçek değerlerini kullanarak belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak ızgara çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve sıfır taban çizgisine sahip olmalıdır.

Tür: boolean/string
Varsayılan: false
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili series yoksa grafiğin solunda. Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Piksel cinsinden veri çizgisi genişliği. Tüm çizgileri gizlemek ve yalnızca noktaları göstermek için sıfır kullanın. series özelliğini kullanarak tek tek serilerin değerlerini geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 2
pointShape

Tek tek veri öğelerinin şekli: 'circle', 'triangle', 'square', 'diamond', 'star' veya 'polygon'. Örnekler için puan dokümanlarına bakın.

Tür: string
Varsayılan: 'circle'
pointSize

Görüntülenen noktaların piksel cinsinden çapı. Tüm puanları gizlemek için sıfır kullanın. series özelliğini kullanarak tek tek serilerin değerlerini geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 0
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seride varsayılan değerleri kullanmak için boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • annotations: Bu serinin ek açıklamalarına uygulanacak bir nesne. Bu, örneğin dizinin textStyle kontrol etmek için kullanılabilir: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Özelleştirilebilecek öğelerin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın.

  • areaOpacity: Bu seri için genel areaOpacity ayarını geçersiz kılar.
  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • lineDashStyle: Bu seri için genel lineDashStyle değerini geçersiz kılar.
  • lineWidth: Bu seri için genel lineWidth değerini geçersiz kılar.
  • pointShape: Bu seri için genel pointShape değerini geçersiz kılar.
  • pointSize: Bu seri için genel pointSize değerini geçersiz kılar.
  • pointsVisible: Bu seri için genel pointsVisible değerini geçersiz kılar.
  • targetAxisIndex - Bu serinin hangi eksene atanacağı. 0 varsayılan eksen, 1 ise karşı eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. En az bir seri varsayılan eksene ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi ise kırmızı olarak bildirir ve göstergede yer almazlar: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true olarak ayarlanırsa grafik, sütunu metin sütunu olarak değerlendirir.

Tür: boolean
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Çubuk grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür:string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: sayı veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
hAxes

Grafikte birden fazla yatay eksen varsa tek tek yatay eksenlerin özelliklerini belirtir. Her alt nesne bir hAxis nesnesidir ve hAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla yatay ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından hAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 1 serisi alt eksene atanır ve bu eksen için özel bir başlık ve metin stili belirtilir:

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen hAxis nesnesiyle aynıdır: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm değerlerin pozitif olması gerekir). Evet için true olarak ayarlayın.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: boolean
Varsayılan: false
hAxis.maxValue

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sağa doğru olur. Verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sola doğru olur. Bu değer, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerdeki öğeler her alan değerinde yığılır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığılmasıyla daha iyi eşleşmesi için gösterge öğelerinin sırasını tersine çevirir (ör. 0 serisi en alttaki gösterge öğesi olur). Bu, çubuk grafikler için geçerli değildir .

isStacked seçeneği, her alan değerindeki öğe yığınlarının% 100'e ulaşacak şekilde yeniden ölçeklendirildiği %100 yığınlamayı da destekler.

isStacked için seçenekler şunlardır:

  • false: Öğeler üst üste gelmez. Bu, varsayılan seçenektir.
  • true: Her alan değeri için tüm serilerdeki öğeleri yığılır.
  • 'percent' — Her alan değeri için tüm serilerin öğelerini yığıp toplamları %100 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Her alan değeri için tüm serilerdeki öğeleri yığıp her öğenin değeri 1'in kesri olarak hesaplanacak şekilde yeniden ölçeklendirir.
  • 'absolute' — isStacked: true ile aynı işlevi görür.

%100 yığınlama için her öğenin hesaplanan değeri, gerçek değerinden sonra ipucunda gösterilir.

Hedef ekseni, 'relative' için 1'in kesirleri olarak, 'percent' için ise 0-100% olarak göreceli 0-1 ölçeğine dayalı işaret değerlerine ayarlanır. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreceli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni işaretlerinin göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasıyla elde edilmesidir. isStacked: 'percent' kullanırken tüm işaretleri/ızgara çizgilerini göreli 0-1 ölçek değerlerini kullanarak belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak ızgara çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve sıfır taban çizgisine sahip olmalıdır.

Tür: boolean/string
Varsayılan: false
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seri için varsayılan değerleri kullanmak üzere boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • annotations: Bu serinin ek açıklamalarına uygulanacak bir nesne. Bu, örneğin dizinin textStyle kontrol etmek için kullanılabilir: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Özelleştirilebilecek öğelerin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın.

  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin hangi eksene atanacağı. 0 varsayılan eksen, 1 ise karşı eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. En az bir seri varsayılan eksene ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi ise kırmızı olarak bildirir ve göstergede yer almazlar: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
trend çizgileri

Destekleyen grafiklerde eğilim çizgilerini gösterir. Varsayılan olarak linear trend çizgileri kullanılır ancak bu, trendlines.n.type seçeneğiyle özelleştirilebilir.

Trend çizgileri seri bazında belirtilir. Bu nedenle, seçenekleriniz çoğu zaman aşağıdaki gibi görünür: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tür: object
Varsayılan: null
trendlines.n.color

Eğilim çizgisinin , rengi. İngilizce renk adı veya onaltılık dize olarak ifade edilir.

Tür: string
Varsayılan: Varsayılan seri rengi
trendlines.n.degree

type: 'polynomial' trend çizgileri için polinomun derecesi (ikinci derece için 2, üçüncü derece için 3 vb.).

Tür: number
Varsayılan: 3
trendlines.n.labelInLegend

Ayarlanırsa trend çizgisi açıklama bölümünde bu dize olarak görünür.

Tür: string
Varsayılan: null
trendlines.n.lineWidth

eğilim çizgisinin piksel cinsinden çizgi genişliği.

Tür: number
Varsayılan: 2
trendlines.n.type

Trend çizgilerinin 'linear' (varsayılan), 'exponential' veya 'polynomial' olup olmadığı.

Tür: string
Varsayılan: linear
trendlines.n.visibleInLegend

Eğilim çizgisi denkleminin grafik açıklamasında görünüp görünmeyeceği. Bu değer, trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Kabarcık grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
balon

Balonların görsel özelliklerini yapılandırmak için üyeleri olan bir nesne.

Tür: object
Varsayılan: null
bubble.opacity

Balonların opaklığı. 0 tamamen şeffaf, 1 ise tamamen opaktır.

Tür: 0,0 ile 1,0 arasında bir sayı
Varsayılan: 0,8
bubble.stroke

Balonların kenar çizgisinin rengi.

Tür: string
Varsayılan: '#ccc'
bubble.textStyle

Konuşma balonu metin stilini belirten bir nesne. Nesne şu biçimdedir:

{color: <string>, fontName: <string>, fontSize: <number>}

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm değerlerin pozitif olması gerekir). Evet için true olarak ayarlayın.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: boolean
Varsayılan: false
hAxis.maxValue

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sağa doğru olur. Verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sola doğru olur. Bu değer, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
seri

Anahtarların seri adları (Renk sütunundaki değerler) olduğu bir nesne nesnesi ve her nesnenin grafikteki ilgili serinin biçimini tanımladığı bir nesne. Bir serisi veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.
Örnek: 
series: {'Europe': {color: 'green'}}
Tür: İç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
sizeAxis

Değerlerin kabarcık boyutuyla nasıl ilişkilendirileceğini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

 {minValue: 0,  maxSize: 20}
Tür: object
Varsayılan: null
sizeAxis.maxSize

Olası en büyük balonun piksel cinsinden maksimum yarıçapı.

Tür: number
Varsayılan: 30
sizeAxis.minSize

Olası en küçük balonun piksel cinsinden minimum yarıçapı.

Tür: number
Varsayılan: 5
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true olarak ayarlanırsa grafik, sütunu metin sütunu olarak değerlendirir.

Tür: boolean
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Takvim yapılandırma seçenekleri

Ad
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: İçeren öğenin genişliği

Şamdan grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm değerlerin pozitif olması gerekir). Evet için true olarak ayarlayın.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: boolean
Varsayılan: false
hAxis.maxValue

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sağa doğru olur. Verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sola doğru olur. Bu değer, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seri için varsayılan değerleri kullanmak üzere boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • fallingColor.fill: Bu seri için genel candlestick.fallingColor.fill değerini geçersiz kılar.
  • fallingColor.stroke: Bu seri için genel candlestick.fallingColor.stroke değerini geçersiz kılar.
  • fallingColor.strokeWidth: Bu seri için genel candlestick.fallingColor.strokeWidth değerini geçersiz kılar.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • risingColor.fill: Bu seri için genel candlestick.risingColor.fill değerini geçersiz kılar.
  • risingColor.stroke: Bu seri için genel candlestick.risingColor.stroke değerini geçersiz kılar.
  • risingColor.strokeWidth: Bu seri için genel candlestick.risingColor.strokeWidth değerini geçersiz kılar.
  • targetAxisIndex - Bu serinin hangi eksene atanacağı. 0 varsayılan eksen, 1 ise karşı eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. En az bir seri varsayılan eksene ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi ise kırmızı olarak bildirir ve göstergede yer almazlar: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Sütun grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm değerlerin pozitif olması gerekir). Evet için true olarak ayarlayın.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: boolean
Varsayılan: false
hAxis.maxValue

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sağa doğru olur. Verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sola doğru olur. Bu değer, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerdeki öğeler her alan değerinde yığılır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığılmasıyla daha iyi eşleşmesi için gösterge öğelerinin sırasını tersine çevirir (ör. 0 serisi en alttaki gösterge öğesi olur). Bu, çubuk grafikler için geçerli değildir .

isStacked seçeneği, her alan değerindeki öğe yığınlarının% 100'e ulaşacak şekilde yeniden ölçeklendirildiği %100 yığınlamayı da destekler.

isStacked için seçenekler şunlardır:

  • false: Öğeler üst üste gelmez. Bu, varsayılan seçenektir.
  • true: Her alan değeri için tüm serilerdeki öğeleri yığılır.
  • 'percent' — Her alan değeri için tüm serilerin öğelerini yığıp toplamları %100 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Her alan değeri için tüm serilerdeki öğeleri yığıp her öğenin değeri 1'in kesri olarak hesaplanacak şekilde yeniden ölçeklendirir.
  • 'absolute' — isStacked: true ile aynı işlevi görür.

%100 yığınlama için her öğenin hesaplanan değeri, gerçek değerinden sonra ipucunda gösterilir.

Hedef ekseni, 'relative' için 1'in kesirleri olarak, 'percent' için ise 0-100% olarak göreceli 0-1 ölçeğine dayalı işaret değerlerine ayarlanır. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreceli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni işaretlerinin göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasıyla elde edilmesidir. isStacked: 'percent' kullanırken tüm işaretleri/ızgara çizgilerini göreli 0-1 ölçek değerlerini kullanarak belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak ızgara çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve sıfır taban çizgisine sahip olmalıdır.

Tür: boolean/string
Varsayılan: false
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seri için varsayılan değerleri kullanmak üzere boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • annotations: Bu serinin ek açıklamalarına uygulanacak bir nesne. Bu, örneğin dizinin textStyle kontrol etmek için kullanılabilir: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Özelleştirilebilecek öğelerin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın.

  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin hangi eksene atanacağı. 0 varsayılan eksen, 1 ise karşı eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. En az bir seri varsayılan eksene ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi ise kırmızı olarak bildirir ve göstergede yer almazlar: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
trend çizgileri

Destekleyen grafiklerde eğilim çizgilerini gösterir. Varsayılan olarak linear trend çizgileri kullanılır ancak bu, trendlines.n.type seçeneğiyle özelleştirilebilir.

Trend çizgileri seri bazında belirtilir. Bu nedenle, seçenekleriniz çoğu zaman aşağıdaki gibi görünür: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tür: object
Varsayılan: null
trendlines.n.color

Eğilim çizgisinin , rengi. İngilizce renk adı veya onaltılık dize olarak ifade edilir.

Tür: string
Varsayılan: Varsayılan seri rengi
trendlines.n.degree

type: 'polynomial' trend çizgileri için polinomun derecesi (ikinci derece için 2, üçüncü derece için 3 vb.).

Tür: number
Varsayılan: 3
trendlines.n.labelInLegend

Ayarlanırsa trend çizgisi açıklama bölümünde bu dize olarak görünür.

Tür: string
Varsayılan: null
trendlines.n.lineWidth

eğilim çizgisinin piksel cinsinden çizgi genişliği.

Tür: number
Varsayılan: 2
trendlines.n.type

Trend çizgilerinin 'linear' (varsayılan), 'exponential' veya 'polynomial' olup olmadığı.

Tür: string
Varsayılan: linear
trendlines.n.visibleInLegend

Eğilim çizgisi denkleminin grafik açıklamasında görünüp görünmeyeceği. Bu değer, trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Karma grafik yapılandırma seçenekleri

Ad
areaOpacity

Alan grafiği serisinin altındaki renkli alanın varsayılan opaklığıdır. Burada 0.0 tamamen şeffaf, 1.0 ise tamamen opaktır. Tek bir seri için opaklık belirtmek üzere series özelliğinde areaOpacity değerini ayarlayın.

Tür: number, 0.0- 1.0
Varsayılan: 0.3
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
curveType

Çizgi genişliği sıfır olmadığında çizgilerin eğriliğini kontrol eder. Aşağıdakilerden biri olabilir:

  • 'none': Eğri içermeyen düz çizgiler.
  • 'function': Çizginin açıları düzeltilir.
Tür:string
Varsayılan: "none"
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm değerlerin pozitif olması gerekir). Evet için true olarak ayarlayın.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: boolean
Varsayılan: false
hAxis.maxValue

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sağa doğru olur. Verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sola doğru olur. Bu değer, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
interpolateNulls

Eksik noktaların değerinin tahmin edilip edilmeyeceği. true ise eksik verilerin değerini komşu noktalara göre tahmin eder. false ise bilinmeyen noktada satırda kesme bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçeneğiyle alan grafiklerinde desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true olarak ayarlanırsa tüm serilerdeki öğeler her alan değerinde yığılır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığılmasıyla daha iyi eşleşmesi için gösterge öğelerinin sırasını tersine çevirir (ör. 0 serisi en alttaki gösterge öğesi olur). Bu, çubuk grafikler için geçerli değildir .

isStacked seçeneği, her alan değerindeki öğe yığınlarının% 100'e ulaşacak şekilde yeniden ölçeklendirildiği %100 yığınlamayı da destekler.

isStacked için seçenekler şunlardır:

  • false: Öğeler üst üste gelmez. Bu, varsayılan seçenektir.
  • true: Her alan değeri için tüm serilerdeki öğeleri yığılır.
  • 'percent' — Her alan değeri için tüm serilerin öğelerini yığıp toplamları %100 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Her alan değeri için tüm serilerdeki öğeleri yığıp her öğenin değeri 1'in kesri olarak hesaplanacak şekilde yeniden ölçeklendirir.
  • 'absolute' — isStacked: true ile aynı işlevi görür.

%100 yığınlama için her öğenin hesaplanan değeri, gerçek değerinden sonra ipucunda gösterilir.

Hedef ekseni, 'relative' için 1'in kesirleri olarak, 'percent' için ise 0-100% olarak göreceli 0-1 ölçeğine dayalı işaret değerlerine ayarlanır. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreceli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni işaretlerinin göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasıyla elde edilmesidir. isStacked: 'percent' kullanırken tüm işaretleri/ızgara çizgilerini göreli 0-1 ölçek değerlerini kullanarak belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak ızgara çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve sıfır taban çizgisine sahip olmalıdır.

Tür: boolean/string
Varsayılan: false
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Piksel cinsinden veri çizgisi genişliği. Tüm çizgileri gizlemek ve yalnızca noktaları göstermek için sıfır kullanın. series özelliğini kullanarak tek tek serilerin değerlerini geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 2
pointShape

Tek tek veri öğelerinin şekli: 'circle', 'triangle', 'square', 'diamond', 'star' veya 'polygon'. Örnekler için puan dokümanlarına bakın.

Tür: string
Varsayılan: 'circle'
pointSize

Görüntülenen noktaların piksel cinsinden çapı. Tüm puanları gizlemek için sıfır kullanın. series özelliğini kullanarak tek tek serilerin değerlerini geçersiz kılabilirsiniz. Eğilim çizgisi kullanıyorsanız pointSize seçeneği, trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece eğilim çizgisinin genişliğini etkiler.

Tür: number
Varsayılan: 0
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seride varsayılan değerleri kullanmak için boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • annotations: Bu serinin ek açıklamalarına uygulanacak bir nesne. Bu, örneğin dizinin textStyle kontrol etmek için kullanılabilir: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Özelleştirilebilecek öğelerin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın.

  • areaOpacity: Bu seri için genel areaOpacity ayarını geçersiz kılar.
  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • curveType: Bu seri için genel curveType değerini geçersiz kılar.
  • fallingColor.fill: Bu seri için genel candlestick.fallingColor.fill değerini geçersiz kılar.
  • fallingColor.stroke: Bu seri için genel candlestick.fallingColor.stroke değerini geçersiz kılar.
  • fallingColor.strokeWidth: Bu seri için genel candlestick.fallingColor.strokeWidth değerini geçersiz kılar.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • lineDashStyle: Bu seri için genel lineDashStyle değerini geçersiz kılar.
  • lineWidth: Bu seri için genel lineWidth değerini geçersiz kılar.
  • pointShape: Bu seri için genel pointShape değerini geçersiz kılar.
  • pointSize: Bu seri için genel pointSize değerini geçersiz kılar.
  • pointsVisible: Bu seri için genel pointsVisible değerini geçersiz kılar.
  • risingColor.fill: Bu seri için genel candlestick.risingColor.fill değerini geçersiz kılar.
  • risingColor.stroke: Bu seri için genel candlestick.risingColor.stroke değerini geçersiz kılar.
  • risingColor.strokeWidth: Bu seri için genel candlestick.risingColor.strokeWidth değerini geçersiz kılar.
  • targetAxisIndex - Bu serinin hangi eksene atanacağı. 0 varsayılan eksen, 1 ise karşı eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. En az bir seri varsayılan eksene ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • type - Bu serinin işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea"dır. Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneğiyle belirlenir.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi ise kırmızı olarak bildirir ve göstergede yer almazlar: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Gösterge yapılandırma seçenekleri

Ad
greenColor

HTML renk gösteriminde yeşil bölüm için kullanılacak renk.

Tür: string
Varsayılan: '#109618'
greenFrom

Yeşil renkle işaretlenmiş bir aralığın en düşük değeri.

Tür: number
Varsayılan: Yok
greenTo

Yeşil renkle işaretlenmiş bir aralığın en yüksek değeri.

Tür: number
Varsayılan: Yok
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: Kapsayıcının genişliği
maks.

Y ekseninde gösterilecek maksimum değer. Maksimum veri noktası bu değeri aşarsa bu ayar yoksayılır ve grafik, maksimum veri noktasının üzerindeki bir sonraki ana işaretçiyi gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen Y ekseni maksimum değerine göre önceliklidir.

Bu, temel grafiklerdeki maxValue öğesine benzer.

Tür: number
Varsayılan: otomatik
dk

Y ekseninde gösterilecek minimum değer. Minimum veri noktası bu değerden küçükse bu ayar yoksayılır ve grafik, minimum veri noktasının altındaki bir sonraki ana işaretçiyi gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen Y ekseni minimum değerinden önceliklidir.

Bu, temel grafiklerdeki minValue öğesine benzer.

Tür: number
Varsayılan: otomatik
redColor

HTML renk gösteriminde kırmızı bölüm için kullanılacak renk.

Tür: string
Varsayılan: '#DC3912'
redFrom

Kırmızı renkle işaretlenmiş bir aralığın en düşük değeri.

Tür: number
Varsayılan: Yok
redTo

Kırmızı renkle işaretlenmiş bir aralığın en yüksek değeri.

Tür: number
Varsayılan: Yok
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: Kapsayıcının genişliği
yellowColor

HTML renk gösteriminde sarı bölüm için kullanılacak renk.

Tür: string
Varsayılan: '#FF9900'
yellowFrom

Sarı renkle işaretlenmiş bir aralığın en düşük değeri.

Tür: number
Varsayılan: Yok
yellowTo

Sarı renkle işaretlenmiş bir aralığın en yüksek değeri.

Tür: number
Varsayılan: Yok

Coğrafi grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
datalessRegionColor

İlişkili verileri olmayan bölgelere atanacak renk.

Tür: string
Varsayılan: '#F5F5F5'
defaultColor

Konum (ör. 'US' ) mevcut ancak değer null veya belirtilmemiş. Bu, veri eksik olduğunda kullanılan renk olan datalessRegionColor değerinden farklıdır.

Tür: string
Varsayılan: '#267114'
displayMode

Bu coğrafi grafik türü. DataTable biçimi, belirtilen değerle eşleşmelidir. Aşağıdaki değerler desteklenir:

  • 'auto' - DataTable'ın biçimine göre seçim yapın.
  • 'regions' - Coğrafi haritadaki bölgeleri renklendirin.
  • 'markers' - Bölgelere yer işaretçileri yerleştirin.
  • 'text' - Bölgeleri DataTable'daki metinle etiketleyin.
Tür: string
Varsayılan: "auto"
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
bölge

Coğrafi grafikte gösterilecek alan. Çevre bölgeler de gösterilir. Aşağıdakilerden biri olabilir:

  • 'world': Tüm dünyanın coğrafi grafiği.
  • 3 haneli koduyla belirtilen bir kıta veya alt kıta (ör. '011' Batı Afrika için.
  • ISO 3166-1 alfa-2 koduyla belirtilen bir ülke, örneğin: 'AU' Avustralya için geçerlidir.
  • ABD'deki bir eyalet, ISO 3166-2:US koduyla belirtilir. Örneğin: 'US-AL' için geçerlidir. resolution seçeneğinin 'provinces' veya 'metros' olarak ayarlanması gerektiğini unutmayın.
Tür: string
Varsayılan: "world"
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: İçeren öğenin genişliği

Histogram yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object/div>
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
histogram.bucketSize

Her histogram çubuğunun boyutunu algoritmik olarak belirlenmesine izin vermek yerine sabit kodlayın.

Tür: number
Varsayılan: auto
histogram.hideBucketItems

Histogramın blokları arasındaki ince bölümleri çıkararak histogramı bir dizi dolu çubuğa dönüştürün.

Tür: boolean
Varsayılan: false
histogram.lastBucketPercentile

Histogramın grup boyutu hesaplanırken en üstteki ve en alttaki lastBucketPercentile yüzdelik dilimler dikkate alınmaz. Değerler histograma dahil edilmeye devam eder ancak gruplandırmayı etkilemez.

Tür: number
Varsayılan: 0
interpolateNulls

Eksik noktaların değerinin tahmin edilip edilmeyeceği. true ise eksik verilerin değerini komşu noktalara göre tahmin eder. false ise bilinmeyen noktada satırda kesme bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçeneğiyle alan grafiklerinde desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true olarak ayarlanırsa tüm serilerdeki öğeler her alan değerinde yığılır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığılmasıyla daha iyi eşleşmesi için gösterge öğelerinin sırasını tersine çevirir (ör. 0 serisi en alttaki gösterge öğesi olur). Bu, çubuk grafikler için geçerli değildir .

isStacked seçeneği, her alan değerindeki öğe yığınlarının% 100'e ulaşacak şekilde yeniden ölçeklendirildiği %100 yığınlamayı da destekler.

isStacked için seçenekler şunlardır:

  • false: Öğeler üst üste gelmez. Bu, varsayılan seçenektir.
  • true: Her alan değeri için tüm serilerdeki öğeleri yığılır.
  • 'percent' — Her alan değeri için tüm serilerin öğelerini yığıp toplamları %100 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Her alan değeri için tüm serilerdeki öğeleri yığıp her öğenin değeri 1'in kesri olarak hesaplanacak şekilde yeniden ölçeklendirir.
  • 'absolute' — isStacked: true ile aynı işlevi görür.

%100 yığınlama için her öğenin hesaplanan değeri, gerçek değerinden sonra ipucunda gösterilir.

Hedef ekseni, 'relative' için 1'in kesirleri olarak, 'percent' için ise 0-100% olarak göreceli 0-1 ölçeğine dayalı işaret değerlerine ayarlanır. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreceli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni işaretlerinin göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasıyla elde edilmesidir. isStacked: 'percent' kullanırken tüm işaretleri/ızgara çizgilerini göreli 0-1 ölçek değerlerini kullanarak belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak ızgara çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve sıfır taban çizgisine sahip olmalıdır.

Tür: boolean/string
Varsayılan: false
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seri için varsayılan değerleri kullanmak istiyorsanız boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin hangi eksene atanacağı. 0 varsayılan eksen, 1 ise karşı eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. En az bir seri varsayılan eksene ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi ise kırmızı olarak bildirir ve göstergede yer almazlar: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: İçeren öğenin genişliği

Çizgi grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
curveType

Çizgi genişliği sıfır olmadığında çizgilerin eğriliğini kontrol eder. Aşağıdakilerden biri olabilir:

  • 'none': Eğri içermeyen düz çizgiler.
  • 'function': Çizginin açıları düzeltilir.
Tür: string
Varsayılan: "none"
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm değerlerin pozitif olması gerekir). Evet için true olarak ayarlayın.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: boolean
Varsayılan: false
hAxis.maxValue

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sağa doğru olur. Verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür:string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sola doğru olur. Bu değer, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
interpolateNulls

Eksik noktaların değerinin tahmin edilip edilmeyeceği. true ise eksik verilerin değerini komşu noktalara göre tahmin eder. false ise bilinmeyen noktada satırda kesme bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçeneğiyle alan grafiklerinde desteklenmez.

Tür: boolean
Varsayılan: false
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Piksel cinsinden veri çizgisi genişliği. Tüm çizgileri gizlemek ve yalnızca noktaları göstermek için sıfır kullanın. series özelliğini kullanarak tek tek serilerin değerlerini geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 2
pointShape

Tek tek veri öğelerinin şekli: 'circle', 'triangle', 'square', 'diamond', 'star' veya 'polygon'. Örnekler için puan dokümanlarına bakın.

Tür: string
Varsayılan: 'circle'
pointSize

Görüntülenen noktaların piksel cinsinden çapı. Tüm puanları gizlemek için sıfır kullanın. series özelliğini kullanarak tek tek serilerin değerlerini geçersiz kılabilirsiniz. Eğilim çizgisi kullanıyorsanız pointSize seçeneği, trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece eğilim çizgisinin genişliğini etkiler.

Tür: number
Varsayılan: 0
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seri için varsayılan değerleri kullanmak üzere boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • annotations: Bu serinin ek açıklamalarına uygulanacak bir nesne. Bu, örneğin dizinin textStyle kontrol etmek için kullanılabilir: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Özelleştirilebilecek öğelerin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın.

  • type - Bu serinin işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea"dır. Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneğiyle belirlenir.
  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • curveType: Bu seri için genel curveType değerini geçersiz kılar.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • lineDashStyle: Bu seri için genel lineDashStyle değerini geçersiz kılar.
  • lineWidth: Bu seri için genel lineWidth değerini geçersiz kılar.
  • pointShape: Bu seri için genel pointShape değerini geçersiz kılar.
  • pointSize: Bu seri için genel pointSize değerini geçersiz kılar.
  • pointsVisible: Bu seri için genel pointsVisible değerini geçersiz kılar.
  • targetAxisIndex - Bu serinin hangi eksene atanacağı. 0 varsayılan eksen, 1 ise karşı eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. En az bir seri varsayılan eksene ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi ise kırmızı olarak bildirir ve göstergede yer almazlar: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true olarak ayarlanırsa grafik, sütunu metin sütunu olarak değerlendirir.

Tür: boolean
trend çizgileri

Destekleyen grafiklerde eğilim çizgilerini gösterir. Varsayılan olarak linear trend çizgileri kullanılır ancak bu, trendlines.n.type seçeneğiyle özelleştirilebilir.

Trend çizgileri seri bazında belirtilir. Bu nedenle, seçenekleriniz çoğu zaman aşağıdaki gibi görünür: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tür: object
Varsayılan: null
trendlines.n.color

Eğilim çizgisinin , rengi. İngilizce renk adı veya onaltılık dize olarak ifade edilir.

Tür: string
Varsayılan: Varsayılan seri rengi
trendlines.n.degree

type: 'polynomial' trend çizgileri için polinomun derecesi (ikinci derece için 2, üçüncü derece için 3 vb.).

Tür: number
Varsayılan: 3
trendlines.n.labelInLegend

Ayarlanırsa trend çizgisi açıklama bölümünde bu dize olarak görünür.

Tür: string
Varsayılan: null
trendlines.n.lineWidth

eğilim çizgisinin piksel cinsinden çizgi genişliği.

Tür: number
Varsayılan: 2
trendlines.n.type

Trend çizgilerinin 'linear' (varsayılan), 'exponential' veya 'polynomial' olup olmadığı.

Tür: string
Varsayılan: linear
trendlines.n.visibleInLegend

Eğilim çizgisi denkleminin grafik açıklamasında görünüp görünmeyeceği. Bu değer, trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Kuruluş şeması yapılandırma seçenekleri

Ad
renk

Kuruluş şeması öğelerinin arka plan rengi.

Tür: string
Varsayılan: '#edf7ff'
selectionColor

Seçili kuruluş şeması öğelerinin arka plan rengi.

Tür: string
Varsayılan: '#d6e9f8'
beden

Grafiğin genel boyutu. Seçenekler arasında 'small', 'medium' veya 'large' bulunur.

Tür: string
Varsayılan: 'medium'

Pasta grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
is3D

true ise üç boyutlu bir grafik gösterir.

Tür: boolean
Varsayılan: false
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

0 ile 1 arasında ise halka grafik gösterir. Deliğin yarıçapı, grafiğin yarıçapının number katıdır.

Tür: number
Varsayılan: 0
pieSliceBorderColor

Dilim kenarlıklarının rengi. Yalnızca grafik iki boyutlu olduğunda geçerlidir.

Tür: string
Varsayılan: 'white'
pieSliceText

Dilimde gösterilen metnin içeriği. Aşağıdakilerden biri olabilir:

  • 'percentage' - Dilim boyutunun toplam içindeki yüzdesi.
  • 'value': Dilimin nicel değeri.
  • 'label' - Dilimin adı.
  • 'none' - Metin gösterilmiyor.
Tür: string
Varsayılan: 'percentage'
pieSliceTextStyle

Dilim metin stilini belirten bir nesne. Nesne şu biçimdedir:

{color: <string>, fontName: <string>, fontSize: <number>}

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
slices.color

Bu dilim için kullanılacak renk.

Tür: string
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Dağılım grafiği yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür:string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
curveType

Çizgi genişliği sıfır olmadığında çizgilerin eğriliğini kontrol eder. Aşağıdakilerden biri olabilir:

  • 'none': Eğri içermeyen düz çizgiler.
  • 'function': Çizginin açıları düzeltilir.
Tür:string
Varsayılan: "none"
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksendeki kılavuz çizgilerini yapılandırmak için özelliklere sahip bir nesne. Yatay eksen ızgara çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm değerlerin pozitif olması gerekir). Evet için true olarak ayarlayın.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: boolean
Varsayılan: false
hAxis.maxValue

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sağa doğru olur. Verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne.

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanının içindeki yatay küçük kılavuz çizgilerin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneğinin desteği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde sonlandırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri arasındaki aralığa (bkz. hAxis.gridlines.interval) ve gereken minimum alana (bkz. hAxis.minorGridlines.minSpacing) bağlıdır.

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte sola doğru olur. Bu değer, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top'- Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Piksel cinsinden veri çizgisi genişliği. Tüm çizgileri gizlemek ve yalnızca noktaları göstermek için sıfır kullanın. series özelliğini kullanarak tek tek serilerin değerlerini geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 2
pointShape

Tek tek veri öğelerinin şekli: 'circle', 'triangle', 'square', 'diamond', 'star' veya 'polygon'. Örnekler için puan dokümanlarına bakın.

Tür: string
Varsayılan: 'circle'
pointSize

Görüntülenen noktaların piksel cinsinden çapı. Tüm puanları gizlemek için sıfır kullanın. series özelliğini kullanarak tek tek serilerin değerlerini geçersiz kılabilirsiniz. Eğilim çizgisi kullanıyorsanız pointSize seçeneği, trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece eğilim çizgisinin genişliğini etkiler.

Tür: number
Varsayılan: 0
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seride varsayılan değerleri kullanmak için boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • lineWidth: Bu seri için genel lineWidth değerini geçersiz kılar.
  • pointShape: Bu seri için genel pointShape değerini geçersiz kılar.
  • pointSize: Bu seri için genel pointSize değerini geçersiz kılar.
  • pointsVisible: Bu seri için genel pointsVisible değerini geçersiz kılar.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi ise kırmızı olarak bildirir ve göstergede yer almazlar: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true olarak ayarlanırsa grafik, sütunu metin sütunu olarak değerlendirir.

Tür: boolean
trend çizgileri

Destekleyen grafiklerde eğilim çizgilerini gösterir. Varsayılan olarak linear trend çizgileri kullanılır ancak bu, trendlines.n.type seçeneğiyle özelleştirilebilir.

Trend çizgileri seri bazında belirtilir. Bu nedenle, seçenekleriniz çoğu zaman aşağıdaki gibi görünür: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tür: object
Varsayılan: null
trendlines.n.color

Eğilim çizgisinin , rengi. İngilizce renk adı veya onaltılık dize olarak ifade edilir.

Tür: string
Varsayılan: Varsayılan seri rengi
trendlines.n.degree

type: 'polynomial' trend çizgileri için polinomun derecesi (ikinci derece için 2, üçüncü derece için 3 vb.).

Tür: number
Varsayılan: 3
trendlines.n.labelInLegend

Ayarlanırsa trend çizgisi açıklama bölümünde bu dize olarak görünür.

Tür: string
Varsayılan: null
trendlines.n.lineWidth

eğilim çizgisinin piksel cinsinden çizgi genişliği.

Tür: number
Varsayılan: 2
trendlines.n.type

Trend çizgilerinin 'linear' (varsayılan), 'exponential' veya 'polynomial' olup olmadığı.

Tür: string
Varsayılan: linear
trendlines.n.visibleInLegend

Eğilim çizgisi denkleminin grafik açıklamasında görünüp görünmeyeceği. Bu değer, trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Basamaklı alan grafiği yapılandırma seçenekleri

Ad
areaOpacity

Alan grafiği serisinin altındaki renkli alanın varsayılan opaklığıdır. Burada 0.0 tamamen şeffaf, 1.0 ise tamamen opaktır. Tek bir seri için opaklık belirtmek üzere series özelliğinde areaOpacity değerini ayarlayın.

Tür: number, 0.0- 1.0
Varsayılan: 0.3
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

Grafik dolgu rengi, HTML renk dizesi olarak.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının (eksenler ve göstergeler hariç, grafiğin kendisinin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayıdan sonra gelen %. Basit bir sayı, piksel cinsinden bir değerdir. Sayıdan sonra gelen % ise bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında bu dize onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı girin. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanırsa belirtilen genişlikte (ve stroke renginde) verilen grafik alanının etrafına bir kenarlık çizer.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tür: object
Varsayılan: null
hAxis.direction

Yatay eksen boyunca değerlerin arttığı yön. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis özelliği, yatay eksenin başlığını belirtir.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Yatay olarak oluşturulacak minimum veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerdeki öğeler her alan değerinde yığılır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığılmasıyla daha iyi eşleşmesi için gösterge öğelerinin sırasını tersine çevirir (ör. 0 serisi en alttaki gösterge öğesi olur). Bu, çubuk grafikler için geçerli değildir .

isStacked seçeneği, her alan değerindeki öğe yığınlarının% 100'e ulaşacak şekilde yeniden ölçeklendirildiği %100 yığınlamayı da destekler.

isStacked için seçenekler şunlardır:

  • false: Öğeler üst üste gelmez. Bu, varsayılan seçenektir.
  • true: Her alan değeri için tüm serilerdeki öğeleri yığılır.
  • 'percent' — Her alan değeri için tüm serilerin öğelerini yığıp toplamları %100 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Her alan değeri için tüm serilerdeki öğeleri yığıp her öğenin değeri 1'in kesri olarak hesaplanacak şekilde yeniden ölçeklendirir.
  • 'absolute' — isStacked: true ile aynı işlevi görür.

%100 yığınlama için her öğenin hesaplanan değeri, gerçek değerinden sonra ipucunda gösterilir.

Hedef ekseni, 'relative' için 1'in kesirleri olarak, 'percent' için ise 0-100% olarak göreceli 0-1 ölçeğine dayalı işaret değerlerine ayarlanır. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreceli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni işaretlerinin göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasıyla elde edilmesidir. isStacked: 'percent' kullanırken tüm işaretleri/ızgara çizgilerini göreli 0-1 ölçek değerlerini kullanarak belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak ızgara çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve sıfır taban çizgisine sahip olmalıdır.

Tür: boolean/ string
Varsayılan: false
lejant

Lejendin çeşitli yönlerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Gösterge konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Grafiğin solunda (sol eksenle ilişkili seri olmaması koşuluyla) Bu nedenle, lejendin solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right' - Grafiğin sağında. vAxes seçeneğiyle uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Lejant metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true olarak ayarlanırsa serileri sağdan sola doğru çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni için desteklenir.

Tür: boolean
Varsayılan: false
seri

Her biri grafikteki ilgili serinin biçimini açıklayan bir nesne dizisi. Bir seri için varsayılan değerleri kullanmak üzere boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • areaOpacity: Bu seri için genel areaOpacity ayarını geçersiz kılar.
  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • type - Bu serinin işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea"dır. Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneğiyle belirlenir.
  • labelInLegend - Grafikteki göstergede görünecek serinin açıklaması.
  • lineDashStyle: Bu seri için genel lineDashStyle değerini geçersiz kılar.
  • targetAxisIndex - Bu serinin hangi eksene atanacağı. 0 varsayılan eksen, 1 ise karşı eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. En az bir seri varsayılan eksene ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - Bir boolean değeri. Burada true, serinin bir gösterge girişine sahip olması gerektiği, false ise olmaması gerektiği anlamına gelir. Varsayılan değer true'dır.

Her biri verilen sırayla seriye uygulanan bir nesne dizisi belirtebilir veya her alt öğenin hangi seriye uygulandığını gösteren sayısal bir anahtara sahip bir nesne belirtebilirsiniz.Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah, dördüncü seriyi kırmızı olarak bildirir ve her ikisini de lejantta göstermez: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan önceden tanımlanmış seçenek değerleri kümesidir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve grafikteki tüm etiketleri ve açıklamaları grafik alanının içine çizer.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true olarak ayarlanırsa grafik, sütunu metin sütunu olarak değerlendirir.

Tür: boolean
useFirstColumnAsDomain

true olarak ayarlanırsa grafik, sütunu alan olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa her bir dikey eksenin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülkle ilgili tüm genel ayarları geçersiz kılar.

Birden fazla dikey ekseni olan bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte, 2. seri sağ eksene atanır ve bu seri için özel bir başlık ve metin stili belirtilir: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur (bu, yukarıda gösterilen biçimdir); dizi ise eksen başına bir nesne olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili gösterimi, yukarıda gösterilen vAxis nesnesiyle aynıdır: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tür: Nesne dizisi veya alt nesneleri olan nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksen boyunca değerlerin büyüme yönü. Varsayılan olarak düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksendeki kılavuz çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen ızgara çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz: 

{color: '#333', minSpacing: 20}

Bu seçenek yalnızca continuous ekseni için desteklenir.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, kılavuz çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini, kılavuz çizgisi çizmemek için ise 0 değerini belirtebilirsiniz. Diğer seçeneklere göre ızgara çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır. Bu değer çoğu grafikte yukarı doğru olur. Bu değer, verilerin maksimum y değeriyle karşılaştırıldığında daha küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: otomatik
vAxis.minorGridlines

Dikey eksendeki küçük kılavuz çizgilerini yapılandırmak için kullanılan bir nesne. vAxis.gridlines seçeneğine benzer.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanının içindeki dikey küçük ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: Izgara çizgisi ve arka plan renklerinin karışımı
vAxis.minorGridlines.count

minorGridlines.count seçeneği, sayıyı 0 olarak ayarlayarak küçük kılavuz çizgilerini devre dışı bırakma dışında büyük ölçüde kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı, büyük kılavuz çizgileri arasındaki aralığa ve gereken minimum alana bağlıdır.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır. Bu değer çoğu grafikte aşağı doğru olur. Bu değer, verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: Başlık yok
vAxis.titleTextStyle

Dikey eksen başlığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode değeri "pretty" veya "maximized" olduğunda yoksayılır.

Tür: number
Varsayılan: auto
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: İçeren öğenin genişliği

Tablo grafiği yapılandırma seçenekleri

Ad
alternatingRowStyle

Tek ve çift satırlara alternatif renk stili atanıp atanmayacağını belirler.

Tür: boolean
Varsayılan: true
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
sayfa

Verilerde sayfalama özelliğinin etkinleştirilip etkinleştirilmeyeceği ve nasıl etkinleştirileceği. Aşağıdaki string değerlerden birini seçin:

  • 'enable' - Tabloda ileri ve geri düğmeleri bulunur. Bu düğmeler tıklandığında sayfalama işlemi gerçekleştirilir ve görüntülenen sayfa değişir. pageSize seçeneğini de ayarlayabilirsiniz.
  • 'event' - Tabloda ileri ve geri düğmeleri bulunur ancak bu düğmeler tıklandığında 'page' etkinliği tetiklenir ve görüntülenen sayfa değişmez. Bu seçenek, kod kendi sayfa çevirme mantığını uyguladığında kullanılmalıdır. Sayfalama etkinliklerinin manuel olarak nasıl işleneceğine dair bir örnek için TableQueryWrapper örneğine bakın.
  • 'disable' - [Varsayılan] Sayfalama desteklenmez.
    • Tür: string
    Varsayılan: 'disable'
pageSize

Sayfalama, sayfa seçeneğiyle etkinleştirildiğinde her sayfadaki satır sayısı.

Tür: number
Varsayılan: 10
showRowNumber

true olarak ayarlanırsa tablo satır numarasını tablonun ilk sütunu olarak gösterir.

Tür: boolean
Varsayılan: false
sıralama

Kullanıcı bir sütun başlığını tıkladığında sütunların nasıl sıralanacağı. Sıralama etkinse sortAscending ve sortColumn özelliklerini de ayarlamayı düşünebilirsiniz. Aşağıdaki string değerlerden birini seçin:

  • 'enable' - [Varsayılan] Kullanıcılar, tıklanan sütuna göre sıralama yapmak için sütun başlıklarını tıklayabilir. Kullanıcılar sütun başlığını tıkladığında satırlar otomatik olarak sıralanır ve 'sort'bir etkinlik tetiklenir.
  • 'event' - Kullanıcılar sütun başlığını tıkladığında 'sort' etkinliği tetiklenir ancak satırlar otomatik olarak sıralanmaz. Bu seçenek, sayfa kendi sıralamasını uyguladığında kullanılmalıdır. Etkinliklerin manuel olarak nasıl sıralanacağını gösteren bir örnek için TableQueryWrapper örneğine bakın.
  • 'disable'- Sütun başlığını tıklamanın etkisi olmuyor.
Tür: string
Varsayılan: 'enable'
sortAscending

İlk sıralama sütununun sıralandığı düzen. Artan için True, azalan için false. sortColumn belirtilmezse yoksayılır.

Tür: boolean
Varsayılan: true
sortColumn

Veri tablosundaki bir sütunun dizini. Tablo başlangıçta bu dizine göre sıralanır. Sütun, sıralama düzenini gösteren küçük bir okla işaretlenir.

Tür: number
Varsayılan: -1
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: İçeren öğenin genişliği

Zaman çizelgesi yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

Tür: string veya object
Varsayılan: 'white'
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dizeler dizisi (örneğin: colors:['red','#004411']).

Tür: Dize dizisi
Varsayılan: Varsayılan renkler
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: İçeren öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: İçeren öğenin genişliği

Ağaç haritası yapılandırma seçenekleri

Ad
headerColor

Her düğüm için başlık bölümünün rengi. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #988f86
maxColor

Sütun 3 değeri maxColorValue olan bir dikdörtgenin rengi. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #00dd00
maxDepth

Mevcut görünümde gösterilecek maksimum düğüm seviyesi sayısı. Seviyeler mevcut düzlemde düzleştirilir. Ağacınızda bundan daha fazla seviye varsa bunları görmek için yukarı veya aşağı gitmeniz gerekir. Ayrıca, bu düğümlerdeki gölgeli dikdörtgenler olarak maxPostDepthbu seviyelerin altındaki seviyeleri de görebilirsiniz.

Tür: number
Varsayılan: 1
maxPostDepth

maxDepth dışındaki kaç düğüm düzeyinin "ipucu" şeklinde gösterileceği. İpucu verilen düğümler, maxDepth sınırı içindeki bir düğümde gölgeli dikdörtgenler olarak gösterilir.

Tür: number
Varsayılan: 0
midColor

Sütun 3 değeri maxColorValue ile minColorValue arasında olan bir dikdörtgenin rengi. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #000000
minColor

Sütun 3 değeri minColorValue olan bir dikdörtgenin rengi. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #dd0000
noColor

Bir düğümün 3. sütun için değeri olmadığında ve bu düğüm bir yaprak olduğunda (veya yalnızca yaprak içerdiğinde) dikdörtgen için kullanılacak renk. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #000000
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
subtitleTextStyle

Başlık metni stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Başlık metni stilini belirten bir nesne. Renk, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize özelliklerine de bakın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: Başlık yok
titleTextStyle

Başlık metni stilini belirten bir nesne. Nesne şu biçimdedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize politikalarına da göz atın.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}