Grafik yapılandırma seçenekleri

Grafik Türleri

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

Ad
renkler

Grafik öğeleri için kullanılacak renkler. Her bir öğesinin HTML renk dizesi olduğu bir dize dizisidir (ö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 kısmındaki alan) gösterilip gösterilmeyeceğini belirtir. false hayır anlamına gelir.

Yakınlaştırma seçicideki ana hat, grafikteki ilk serinin yakınlaştırma seçicinin yüksekliğine sığacak şekilde ölçeklendirilmiş bir günlük ölçeği sürümüdür.

Tür: boolean
Varsayılan: true
displayZoomButtons

Yakınlaştırma düğmelerinin ("1g 5g 1s" 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 daha ö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 azsa bu ayar yoksayılır ve grafik, minimum veri noktasının altındaki bir sonraki ana onay işaretini gösterecek şekilde ayarlanır. Bu değer, scaleType tarafından belirlenen Y ekseni minimum değerine göre önceliklidir.

Bu, temel grafiklerdeki minValue öğesine benzer.

Tür: number
Varsayılan: otomatik

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

Ad
areaOpacity

Bir alan grafiği serisinin altındaki renkli alanın varsayılan opaklığı. Bu değerde 0.0 tamamen şeffaf, 1.0 ise tamamen opaktır. Bir serinin opaklığını belirtmek için series özelliğindeki 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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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 ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis mülkü (tüm değerlerin pozitif olmasını gerektirir). 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 ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğ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 bir kesinti bırakılır.

Bu özellik, isStacked: true/'percent'/'relative'/'absolute' seçeneğindeki Alan grafiklerinde desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her alan değerinde yığınlar. Not: sütun, alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığınlı gösterimine daha uygun olması için simge öğelerinin sırasını tersine çevirir (ör. 0 numaralı seri en alttaki simge öğesi olur). Bu durum, Çubuk Grafikleri için geçerli değildir .

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

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

  • false: Öğeler yığılmaz. Bu, varsayılan seçenektir.
  • true: Tüm serilerin öğelerini her alan değerinde bir araya getirir.
  • 'percent': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamlarının %100'e ulaşması için yeniden ölçekler. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamları 1 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesri olarak hesaplanır.
  • 'absolute': isStacked: true ile aynı işlevi görür.

%100 yığın oluşturma için her öğenin hesaplanmış değeri, gerçek değerinin ardından ipucu olarak gösterilir.

Hedef eksen, varsayılan olarak 'relative' için 1'in kesirleri ve 'percent' için 0-100 yüzdelik değer olarak göreli 0-1 ölçeğine dayalı işaret değerlerine sahiptir (Not: 'percent' seçeneği kullanıldığında eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni tik işaretlerinin, göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken tüm tıklama noktalarını/ızgara çizgilerini bağıl 0-1 ölçek değerlerini kullanarak belirtmeyi unutmayın. Uygun hAxis/vAxis seçeneklerini kullanarak grid çizgilerini/tik değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığın oluşturma yalnızca number türündeki veri değerlerini destekler ve sıfır referans çizgisine sahip olmalıdır.

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

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir series'si yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 mülkünü kullanarak her bir seri için değerleri geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 2
pointShape

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

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

Gösterilen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfır kullanın. series mülkünü kullanarak her bir seri için değerleri geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 0
reverseCategories

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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 isterseniz boş bir nesne {} belirtin. 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 seri için textStyle değerini kontrol etmek amacıyla kullanılabilir: 

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

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

  • areaOpacity: Bu seri için genel areaOpacity değerini geçersiz kılar.
  • color: Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik göstergesinde 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 atanacağı eksen. 0 varsayılan eksen, 1 ise zıt eksendir. Varsayılan değer 0'tür. Farklı serilerin farklı eksenlerde oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri atanmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend: boolean değeri. true, serinin bir açıklama girişine sahip olması gerektiği, false ise sahip olmaması gerektiği anlamına gelir. Varsayılan değer true'tir.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi siyah ve göstergede yok, dördüncü seriyi ise kırmızı ve göstergede yok olarak tanımlar: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" 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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. colors:['red','#004411']).

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

Grafikte birden fazla yatay eksen varsa her bir yatay eksenin özelliklerini belirtir. Her alt nesne bir hAxis nesnesi olup hAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla yatay eksen içeren 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 seri 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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen hAxis nesnesi ile 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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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 ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis mülkü (tüm değerlerin pozitif olmasını gerektirir). 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 ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her alan değerinde yığınlar. Not: sütun, alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığınlı gösterimine daha uygun olması için simge öğelerinin sırasını tersine çevirir (ör. 0 numaralı seri en alttaki simge öğesi olur). Bu durum, Çubuk Grafikleri için geçerli değildir .

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

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

  • false: Öğeler yığılmaz. Bu, varsayılan seçenektir.
  • true: Tüm serilerin öğelerini her alan değerinde bir araya getirir.
  • 'percent': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamlarının %100'e ulaşması için yeniden ölçekler. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamları 1 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesri olarak hesaplanır.
  • 'absolute': isStacked: true ile aynı işlevi görür.

%100 yığın oluşturma için her öğenin hesaplanmış değeri, gerçek değerinin ardından ipucu olarak gösterilir.

Hedef eksen, varsayılan olarak 'relative' için 1'in kesirleri ve 'percent' için 0-100 yüzdelik değer olarak göreli 0-1 ölçeğine dayalı işaret değerlerine sahiptir (Not: 'percent' seçeneği kullanıldığında eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni tik işaretlerinin, göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken tüm tıklama noktalarını/ızgara çizgilerini bağıl 0-1 ölçek değerlerini kullanarak belirtmeyi unutmayın. Uygun hAxis/vAxis seçeneklerini kullanarak grid çizgilerini/tik değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığın oluşturma yalnızca number türündeki veri değerlerini destekler ve sıfır referans çizgisine sahip olmalıdır.

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

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

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

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

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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. 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 seri için textStyle değerini kontrol etmek amacıyla kullanılabilir: 

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

    Özelleştirilebilen öğ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: Grafik göstergesinde görünecek serinin açıklaması.
  • targetAxisIndex: Bu serinin atanacağı eksen. 0 varsayılan eksen, 1 ise zıt eksendir. Varsayılan değer 0'tür. Farklı serilerin farklı eksenlerde oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri atanmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend: boolean değeri. true, serinin bir açıklama girişine sahip olması gerektiğini, false ise sahip olmaması gerektiğini belirtir. Varsayılan değer true'tir.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi siyah ve göstergede yok, dördüncü seriyi ise kırmızı ve göstergede yok olarak tanımlar: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

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

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

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

Eğilim çizgileri seri başına belirtilir. Bu nedenle, seçenekleriniz genellikle şu şekilde 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

Trend ç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' adlı trend çizgileri için polinomun derecesi (ikinci dereceden için 2, üçüncü dereceden için 3 vb.).

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

Ayarlanırsa trend çizgisi bu dize olarak şekilde gösterilir.

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

Trend çizgisinin piksel cinsinden çizgi genişliği.

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

Trend çizgilerinin 'linear' (varsayılan), 'exponential' veya 'polynomial' değerinden hangisi olduğu.

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

Eğim çizgisi denkleminin açıklama bölümünde gösterilip gösterilmeyeceğ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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" 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

HTML renk dizesi olarak grafik dolgu rengi.

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

Baloncukları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

Baloncukların dış çizgisinin rengi.

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

Kabarcık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

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

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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 ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis mülkü (tüm değerlerin pozitif olmasını gerektirir). 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 ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğenin yüksekliği
lejant

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 ve her nesnenin grafikteki ilgili serinin biçimini tanımladığı bir nesneler nesnesi. 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.
  • visibleInLegend: boolean değeri. true, serinin bir açıklama girişi içermesi gerektiği, false ise içermemesi gerektiği anlamına gelir. Varsayılan değer true'tir.
Örnek: 
series: {'Europe': {color: 'green'}}
Tür: İç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
sizeAxis

Değerlerin balon 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 literali 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 minimum yarıçapı (piksel cinsinden).

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" 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: İçerdiği öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: İçerdiği öğ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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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 ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis mülkü (tüm değerlerin pozitif olmasını gerektirir). 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 ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğenin yüksekliği
lejant

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

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

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

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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. 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: Grafik göstergesinde 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 atanacağı eksen. 0 varsayılan eksen, 1 ise zıt eksendir. Varsayılan değer 0'tür. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri atanmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend: boolean değeri. true, serinin bir açıklama girişine sahip olması gerektiğini, false ise sahip olmaması gerektiğini belirtir. Varsayılan değer true'tir.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi siyah ve göstergede yok, dördüncü seriyi ise kırmızı ve göstergede yok olarak tanımlar: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Sütun 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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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 ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis mülkü (tüm değerlerin pozitif olmasını gerektirir). 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 ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her alan değerinde yığınlar. Not: sütun, alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığınlı gösterimine daha uygun olması için simge öğelerinin sırasını tersine çevirir (ör. 0 numaralı seri en alttaki simge öğesi olur). Bu durum, Çubuk Grafikleri için geçerli değildir .

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

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

  • false: Öğeler yığılmaz. Bu, varsayılan seçenektir.
  • true: Tüm serilerin öğelerini her alan değerinde bir araya getirir.
  • 'percent': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamlarının %100'e ulaşması için yeniden ölçekler. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamları 1 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesri olarak hesaplanır.
  • 'absolute': isStacked: true ile aynı işlevi görür.

%100 yığın oluşturma için her öğenin hesaplanmış değeri, gerçek değerinin ardından ipucu olarak gösterilir.

Hedef eksen, varsayılan olarak 'relative' için 1'in kesirleri ve 'percent' için 0-100 yüzdelik değer olarak göreli 0-1 ölçeğine dayalı işaret değerlerine sahiptir (Not: 'percent' seçeneği kullanıldığında eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni tik işaretlerinin, göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken tüm tıklama noktalarını/ızgara çizgilerini bağıl 0-1 ölçek değerlerini kullanarak belirtmeyi unutmayın. Uygun hAxis/vAxis seçeneklerini kullanarak grid çizgilerini/tik değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığın oluşturma yalnızca number türündeki veri değerlerini destekler ve sıfır referans çizgisine sahip olmalıdır.

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

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

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

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

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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. 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 seri için textStyle değerini kontrol etmek amacıyla kullanılabilir: 

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

    Özelleştirilebilen öğ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: Grafik göstergesinde görünecek serinin açıklaması.
  • targetAxisIndex: Bu serinin atanacağı eksen. 0 varsayılan eksen, 1 ise zıt eksendir. Varsayılan değer 0'tür. Farklı serilerin farklı eksenlerde oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri atanmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi siyah ve göstergede yok, dördüncü seriyi ise kırmızı ve göstergede yok olarak tanımlar: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

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

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

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

Eğilim çizgileri seri başına belirtilir. Bu nedenle, seçenekleriniz genellikle şu şekilde 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

Trend ç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' adlı trend çizgileri için polinomun derecesi (ikinci dereceden için 2, üçüncü dereceden için 3 vb.).

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

Ayarlanırsa trend çizgisi bu dize olarak şekilde gösterilir.

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

Trend çizgisinin piksel cinsinden çizgi genişliği.

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

Trend çizgilerinin 'linear' (varsayılan), 'exponential' veya 'polynomial' değerinden hangisi olduğu.

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

Eğim çizgisi denkleminin açıklama bölümünde gösterilip gösterilmeyeceğ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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Karma grafik yapılandırma seçenekleri

Ad
areaOpacity

Bir alan grafiği serisinin altındaki renkli alanın varsayılan opaklığı. Bu değerde 0.0 tamamen şeffaf, 1.0 ise tamamen opaktır. Bir serinin opaklığını belirtmek için series özelliğindeki 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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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': Satırın açıları yumuşatılır.
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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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 ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis mülkü (tüm değerlerin pozitif olmasını gerektirir). 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 ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğ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 bir kesinti bırakılır.

Bu özellik, isStacked: true/'percent'/'relative'/'absolute' seçeneği bulunan Alan grafiklerinde desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her alan değerinde yığınlar. Not: sütun, alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığınlı gösterimine daha uygun olması için simge öğelerinin sırasını tersine çevirir (ör. 0 numaralı seri en alttaki simge öğesi olur). Bu durum, Çubuk Grafikleri için geçerli değildir .

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

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

  • false: Öğeler yığılmaz. Bu, varsayılan seçenektir.
  • true: Tüm serilerin öğelerini her alan değerinde bir araya getirir.
  • 'percent': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamlarının %100'e ulaşması için yeniden ölçekler. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamları 1 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesri olarak hesaplanır.
  • 'absolute': isStacked: true ile aynı işlevi görür.

%100 yığın oluşturma için her öğenin hesaplanmış değeri, gerçek değerinin ardından ipucu olarak gösterilir.

Hedef eksen, varsayılan olarak 'relative' için 1'in kesirleri ve 'percent' için 0-100 yüzdelik değer olarak göreli 0-1 ölçeğine dayalı işaret değerlerine sahiptir (Not: 'percent' seçeneği kullanıldığında eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni tik işaretlerinin, göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken tüm tıklama noktalarını/ızgara çizgilerini bağıl 0-1 ölçek değerlerini kullanarak belirtmeyi unutmayın. Uygun hAxis/vAxis seçeneklerini kullanarak grid çizgilerini/tik değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığın oluşturma yalnızca number türündeki veri değerlerini destekler ve sıfır referans çizgisine sahip olmalıdır.

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

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 mülkünü kullanarak her bir seri için değerleri geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 2
pointShape

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

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

Gösterilen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfır kullanın. series mülkünü kullanarak her bir seri için değerleri geçersiz kılabilirsiniz. Trend çizgisi kullanıyorsanız trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece pointSize seçeneği, trend çizgisinin genişliğini etkiler.

Tür: number
Varsayılan: 0
reverseCategories

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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 isterseniz boş bir nesne {} belirtin. 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 seri için textStyle değerini kontrol etmek amacıyla kullanılabilir: 

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

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

  • areaOpacity: Bu seri için genel areaOpacity değerini 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: Grafik göstergesinde 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 atanacağı eksen. 0 varsayılan eksen, 1 ise zıt eksendir. Varsayılan değer 0'tür. Farklı serilerin farklı eksenlerde oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri atanmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • type: Bu serinin işaretçi türü. Geçerli değerler şunlardır: "çizgi", "alan", "sütunlar" ve "basamaklı alan". Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneğiyle belirtilir.
  • visibleInLegend: boolean değeri. true, serinin bir açıklama girişi içermesi gerektiği, false ise içermemesi gerektiği anlamına gelir. Varsayılan değer true'tir.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi siyah ve göstergede yok, dördüncü seriyi ise kırmızı ve göstergede yok olarak tanımlar: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Gösterge yapılandırma seçenekleri

Ad
greenColor

HTML renk gösterimindeki yeşil bölüm için kullanılacak renk.

Tür: string
Varsayılan: '#109618'
greenFrom

Yeşil renkle işaretlenmiş bir aralıktaki en düşük değer.

Tür: number
Varsayılan: yok
greenTo

Yeşil renkle işaretlenmiş bir aralıktaki en yüksek değer.

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 daha ö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 azsa bu ayar yoksayılır ve grafik, minimum veri noktasının altındaki bir sonraki ana onay işaretini gösterecek şekilde ayarlanır. Bu değer, scaleType tarafından belirlenen Y ekseni minimum değerine göre önceliklidir.

Bu, temel grafiklerdeki minValue öğesine benzer.

Tür: number
Varsayılan: otomatik
redColor

HTML renk gösterimindeki 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ıktaki en düşük değer.

Tür: number
Varsayılan: yok
redTo

Kırmızı renkle işaretlenmiş bir aralıktaki en yüksek değer.

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österimindeki sarı bölüm için kullanılacak renk.

Tür: string
Varsayılan: '#FF9900'
yellowFrom

Sarı renkle işaretlenmiş bir aralıktaki en düşük değer.

Tür: number
Varsayılan: yok
yellowTo

Sarı renkle işaretlenmiş bir aralıktaki en yüksek değer.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

İlişkilendirilmiş verisi olmayan bölgelere atanacak renk.

Tür: string
Varsayılan: '#F5F5F5'
defaultColor

Coğrafi grafikteki veri noktaları için kullanılacak renk. 'US' ) mevcut ancak değer null veya belirtilmemiş. Bu, veri eksik olduğunda kullanılan datalessRegionColor renginden farklıdır.

Tür: string
Varsayılan: '#267114'
displayMode

Bu coğrafi grafiğin 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çin.
  • 'regions': Coğrafi haritada bölgeleri renklendirin.
  • 'markers': Bölgelere yer işaretleri yerleştirin.
  • 'text': Bölgeleri, DataTable'taki metinle etiketleyin.
Tür: string
Varsayılan: "auto"
yükseklik

Grafiğin piksel cinsinden yüksekliği.

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

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Çevredeki alanlar da gösterilir. Aşağıdakilerden biri olabilir:

  • 'world': Dünyanın tamamının yer aldığı bir coğrafi grafik.
  • Bir kıta veya alt kıta (ör. '011' için Batı Afrika.
  • ISO 3166-1 alpha-2 koduyla belirtilen bir ülke (ör. 'AU' için Avustralya.
  • ABD'deki bir eyalet (ISO 3166-2:US koduyla belirtilir) Alabama için 'US-AL'. 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: İçerdiği öğ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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirli genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

hAxis.gridlines seçeneğine benzer şekilde, yatay eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğenin yüksekliği
histogram.bucketSize

Her histogram çubuğunun boyutunu algoritmik olarak belirlenmesine izin vermek yerine kod içine sabitleyin.

Tür: number
Varsayılan: auto
histogram.hideBucketItems

Histogramın blokları arasındaki ince bölmelerin atlanarak katı çubuklardan oluşan bir seri haline getirilmesi.

Tür: boolean
Varsayılan: false
histogram.lastBucketPercentile

Histogramın grup boyutunu hesaplarken en yüksek ve en düşük yüzdeleri dikkate almayın.lastBucketPercentile Bu değerler histograma dahil edilir 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 bir kesinti bırakılır.

Bu özellik, isStacked: true/'percent'/'relative'/'absolute' seçeneğindeki Alan grafiklerinde desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her alan değerinde yığınlar. Not: sütun, alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığınlı gösterimine daha uygun olması için simge öğelerinin sırasını tersine çevirir (ör. 0 numaralı seri en alttaki simge öğesi olur). Bu durum, Çubuk Grafikleri için geçerli değildir .

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

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

  • false: Öğeler yığılmaz. Bu, varsayılan seçenektir.
  • true: Tüm serilerin öğelerini her alan değerinde bir araya getirir.
  • 'percent': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamlarının %100'e ulaşması için yeniden ölçekler. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamları 1 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesri olarak hesaplanır.
  • 'absolute': isStacked: true ile aynı işlevi görür.

%100 yığın oluşturma için her öğenin hesaplanmış değeri, gerçek değerinin ardından ipucu olarak gösterilir.

Hedef eksen, varsayılan olarak 'relative' için 1'in kesirleri ve 'percent' için 0-100 yüzdelik değer olarak göreli 0-1 ölçeğine dayalı işaret değerlerine sahiptir (Not: 'percent' seçeneği kullanıldığında eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni tik işaretlerinin, göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken tüm tıklama noktalarını/ızgara çizgilerini bağıl 0-1 ölçek değerlerini kullanarak belirtmeyi unutmayın. Uygun hAxis/vAxis seçeneklerini kullanarak grid çizgilerini/tik değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığın oluşturma yalnızca number türündeki veri değerlerini destekler ve sıfır referans çizgisine sahip olmalıdır.

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

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

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

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

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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 isterseniz boş bir nesne {} belirtin. 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: Grafik göstergesinde görünecek serinin açıklaması.
  • targetAxisIndex: Bu serinin atanacağı eksen. 0 varsayılan eksen, 1 ise zıt eksendir. Varsayılan değer 0'tür. Farklı serilerin farklı eksenlerde oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri atanmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend: boolean değeri. true, serinin bir açıklama girişine sahip olması gerektiğini, false ise sahip olmaması gerektiğini belirtir. Varsayılan değer true'tir.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi siyah ve göstergede yok, dördüncü seriyi ise kırmızı ve göstergede yok olarak tanımlar: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" 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: İçerdiği öğ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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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': Satırın açıları yumuşatılır.
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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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 ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis mülkü (tüm değerlerin pozitif olmasını gerektirir). 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 ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğ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 bir ara verme

Bu özellik, isStacked: true/'percent'/'relative'/'absolute' seçeneğindeki Alan grafiklerinde desteklenmez.

Tür: boolean
Varsayılan: false
lejant

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 mülkünü kullanarak her bir seri için değerleri geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 2
pointShape

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

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

Gösterilen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfır kullanın. series mülkünü kullanarak her bir seri için değerleri geçersiz kılabilirsiniz. Trend çizgisi kullanıyorsanız trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece pointSize seçeneği, trend çizgisinin genişliğini etkiler.

Tür: number
Varsayılan: 0
reverseCategories

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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. 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 seri için textStyle değerini kontrol etmek amacıyla kullanılabilir: 

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

    Özelleştirilebilen öğ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: "çizgi", "alan", "çubuklu" ve "basamaklı alan". Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneğiyle belirtilir.
  • 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: Grafik göstergesinde 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 atanacağı eksen. 0 varsayılan eksen, 1 ise zıt eksendir. Varsayılan değer 0'tür. Farklı serilerin farklı eksenlerde oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri atanmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend: boolean değeri. true, serinin bir açıklama girişine sahip olması gerektiğini, false ise sahip olmaması gerektiğini belirtir. Varsayılan değer true'tir.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi siyah ve göstergede yok, dördüncü seriyi ise kırmızı ve göstergede yok olarak tanımlar: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

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

Eğilim çizgileri seri başına belirtilir. Bu nedenle, seçenekleriniz genellikle şu şekilde 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

Trend ç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' adlı trend çizgileri için polinomun derecesi (ikinci dereceden için 2, üçüncü dereceden için 3 vb.).

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

Ayarlanırsa trend çizgisi bu dize olarak şekilde gösterilir.

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

Trend çizgisinin piksel cinsinden çizgi genişliği .

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

Trend çizgilerinin 'linear' (varsayılan), 'exponential' veya 'polynomial' değerinden hangisi olduğu.

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

Eğim çizgisi denkleminin açıklama bölümünde gösterilip gösterilmeyeceğ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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Kuruluş şeması yapılandırma seçenekleri

Ad
renk

Organizasyon şeması öğelerinin arka plan rengi.

Tür: string
Varsayılan: '#edf7ff'
selectionColor

Seçilen organizasyon ş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 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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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: İçerdiği öğenin yüksekliği
is3D

true ise üç boyutlu bir grafik gösterir.

Tür: boolean
Varsayılan: false
lejant

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

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

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

0 ile 1 arasındaysa halka grafik gösterilir. Deliğin yarıçapı, grafiğin yarıçapının number katına eşittir.

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

Dilimlemede gösterilen metnin içeriği. Aşağıdakilerden biri olabilir:

  • 'percentage': Dilim boyutunun toplama oranı.
  • 'value': Dilimin nicel değeri.
  • 'label': Dilimin adı.
  • 'none': Metin gösterilmez.
Tür: string
Varsayılan: 'percentage'
pieSliceTextStyle

Dilim metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

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

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

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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

Grafiğin 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'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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': Satırın açıları yumuşatılır.
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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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 ızgara çizgilerini yapılandırmaya yönelik ö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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis mülkü (tüm değerlerin pozitif olmasını gerektirir). 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 ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

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

Grafik alanındaki yatay 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ı
hAxis.minorGridlines.count

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı artık tamamen ana ızgara çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum aralık (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa 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. 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğenin yüksekliği
lejant

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üzerinde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 mülkünü kullanarak her bir seri için değerleri geçersiz kılabilirsiniz.

Tür: number
Varsayılan: 2
pointShape

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

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

Gösterilen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfır kullanın. series mülkünü kullanarak her bir seri için değerleri geçersiz kılabilirsiniz. Trend çizgisi kullanıyorsanız trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece pointSize seçeneği, trend ç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 seri için varsayılan değerleri kullanmak isterseniz boş bir nesne {} belirtin. 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: Grafik göstergesinde 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: boolean değeri. true, serinin bir açıklama girişi içermesi gerektiği, false ise içermemesi gerektiği anlamına gelir. Varsayılan değer true'tir.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi siyah ve göstergede yok, dördüncü seriyi ise kırmızı ve göstergede yok olarak tanımlar: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

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

Eğilim çizgileri seri başına belirtilir. Bu nedenle, seçenekleriniz genellikle şu şekilde 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

Trend ç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' adlı trend çizgileri için polinomun derecesi (ikinci dereceden için 2, üçüncü dereceden için 3 vb.).

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

Ayarlanırsa trend çizgisi bu dize olarak şekilde gösterilir.

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

Trend çizgisinin piksel cinsinden çizgi genişliği .

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

Trend çizgilerinin 'linear' (varsayılan), 'exponential' veya 'polynomial' değerinden hangisi olduğu.

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

Eğim çizgisi denkleminin açıklama bölümünde gösterilip gösterilmeyeceğ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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Basamaklı alan grafiği yapılandırma seçenekleri

Ad
areaOpacity

Bir alan grafiği serisinin altındaki renkli alanın varsayılan opaklığı. Bu değerde 0.0 tamamen şeffaf, 1.0 ise tamamen opaktır. Bir serinin opaklığını belirtmek için series özelliğindeki 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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının (eksen ve açıklamalar hariç, grafiğin çizildiği yer) yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne. İki biçim desteklenir: sayı veya sayı ve ardından yüzde işareti. Basit sayı, piksel cinsinden bir değerdir. Sayı ve ardından yüzde işareti 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. Kullanılan 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: Renk, on altılık dize veya İngilizce renk adı olarak sağlanır.
  • strokeWidth: Gösterilirse grafik alanının etrafına belirtilen genişlikte (ve stroke renginde) bir kenar ç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ığa ne kadar uzaklıkta çizileceği.

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

Grafiğin üst kenarlığa ne kadar uzaklıkta ç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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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 literali gösterimini kullanabilirsiniz: 

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

Yatay eksendeki 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. Nesnenin biçimi şu şekildedir:

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

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

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

Yatay eksenin başlığını belirten hAxis mülkü.

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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

Oluşturulacak minimum yatay 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: İçerdiği öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her alan değerinde yığınlar. Not: sütun, alan ve SteppedArea grafiklerinde Google Grafikler, seri öğelerinin yığınlı gösterimine daha uygun olması için simge öğelerinin sırasını tersine çevirir (ör. 0 numaralı seri en alttaki simge öğesi olur). Bu durum, Çubuk Grafikleri için geçerli değildir .

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

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

  • false: Öğeler yığılmaz. Bu, varsayılan seçenektir.
  • true: Tüm serilerin öğelerini her alan değerinde bir araya getirir.
  • 'percent': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamlarının %100'e ulaşması için yeniden ölçekler. Her öğenin değeri %100'ün yüzdesi olarak hesaplanır.
  • 'relative': Tüm serilerin öğelerini her alan değerinde yığınlar ve toplamları 1 olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesri olarak hesaplanır.
  • 'absolute': isStacked: true ile aynı işlevi görür.

%100 yığın oluşturma için her öğenin hesaplanmış değeri, gerçek değerinin ardından ipucu olarak gösterilir.

Hedef eksen, varsayılan olarak 'relative' için 1'in kesirleri ve 'percent' için 0-100 yüzdelik değer olarak göreli 0-1 ölçeğine dayalı işaret değerlerine sahiptir (Not: 'percent' seçeneği kullanıldığında eksen/işaret değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçeği değerleridir. Bunun nedeni, yüzde ekseni tik işaretlerinin, göreceli 0-1 ölçek değerlerine "#.##%" biçiminin uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken tüm tıklama noktalarını/ızgara çizgilerini bağıl 0-1 ölçek değerlerini kullanarak belirtmeyi unutmayın. Uygun hAxis/vAxis seçeneklerini kullanarak grid çizgilerini/tik değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığın oluşturma yalnızca number türündeki veri değerlerini destekler ve sıfır referans çizgisine sahip olmalıdır.

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

Açıklamanın ç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 literal gösterimini kullanabilirsiniz: 

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

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altındadır.
  • 'left': Sol eksenin ilişkili bir serisi yoksa grafiğin solunda. Dolayısıyla, açıklamanın 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ğ tarafındadır. vAxes seçeneğiyle uyumlu değil.
  • 'top': Grafiğin üst kısmında.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

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

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

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

true olarak ayarlanırsa seriyi sağdan sola doğru çizer. Varsayılan ayar soldan sağa çizmektir.

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. 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 değerini 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 şunlardır: "çizgi", "alan", "sütunlar" ve "basamaklı alan". Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneğiyle belirtilir.
  • labelInLegend: Grafik göstergesinde görünecek serinin açıklaması.
  • lineDashStyle: Bu seri için genel lineDashStyle değerini geçersiz kılar.
  • targetAxisIndex: Bu serinin atanacağı eksen. 0 varsayılan eksen, 1 ise zıt eksendir. Varsayılan değer 0'tür. Farklı serilerin farklı eksenlere göre oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri atanmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend: boolean değeri. true, serinin bir açıklama girişi içermesi gerektiği, false ise içermemesi gerektiği anlamına gelir. Varsayılan değer true'tir.

Her biri belirtilen sırayla seri için geçerli olan bir nesne dizisi belirtebilir veya her alt öğenin hangi seri için geçerli olduğunu belirten bir sayısal anahtara sahip bir nesne belirtebilirsiniz.Örneğin, aşağıdaki iki bildirim aynıdır ve ilk seriyi siyah ve simge tablosunda yok, dördüncü seriyi ise kırmızı ve simge tablosunda yok olarak belirtir: 

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

Grafiğin 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'. fontName ve fontSize'e de 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ışına veya görsel efekte ulaşmak için birlikte çalışan önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized': Grafiğin alanını en üst düzeye çıkarır ve açıklamayı ve tüm etiketleri grafik alanına ç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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 nesnesi olup vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu mülk değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksen içeren 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 atanmakta ve bu seri için özel bir başlık ve metin stili belirtilmektedir: 

{
  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 (yukarıda gösterilen biçim budur); dizi ise eksen başına bir nesne içeren bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesi ile 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 literal gösterimini kullanabilirsiniz: 

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

Dikey eksen boyunca değerlerin büyüdüğü 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 ızgara ç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 literali 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 ızgara çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanındaki yatay ızgara çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu sayı, ızgara çizgileri arasındaki minSpacing değerini hesaplamak için kullanılır. Yalnızca bir ızgara çizgisi çizmek için 1 değerini veya ızgara çizgisi çizmemek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre grili çizgi sayısının otomatik olarak hesaplanması için varsayılan değer olan -1'ü 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. Verilerin maksimum y değerinden 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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksendeki küçük ızgara çizgilerini yapılandıracak üyelere sahip bir nesne.

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

Grafik alanındaki 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

Sayı 0 olarak ayarlanarak küçük ızgara çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneğinin desteği büyük oranda sonlandırılmıştır. İkincil ızgara çizgilerinin sayısı, ana ızgara çizgileri ile gerekli 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. 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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. Nesnenin biçimi şu şekildedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. fontName ve fontSize'e de 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 "güzel" veya "maksimum" olduğunda yoksayılır.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" 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: İçerdiği öğenin genişliği

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

Ad
alternatingRowStyle

Tek ve çift satırlara değişen renk stilinin 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: İçerdiği öğenin yüksekliği
sayfa

Veriler arasında sayfalama etkinleştirilecekse ve nasıl etkinleştirileceği. Aşağıdaki string değerlerinden 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ştirilir. pageSize seçeneğini de ayarlayabilirsiniz.
  • 'event': Tabloda sayfa ileri ve sayfa 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 ele alınacağına dair bir örnek için TableQueryWrapper örneğine bakın.
  • 'disable' - [Varsayılan] Sayfalama desteklenmez.
    • Tür: string
    Varsayılan: 'disable'
pageSize

Sayfa seçeneğiyle sayfa bölümü etkinleştirildiğinde her sayfadaki satır sayısı.

Tür: number
Varsayılan: 10
showRowNumber

true olarak ayarlanırsa 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 sıralanıp sıralanmayacağı ve nasıl sıralanacağı. Sıralama etkinse sortAscending ve sortColumn özelliklerini de ayarlayabilirsiniz. Aşağıdaki string değerlerinden 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 bir 'sort'etkinliği tetiklenir.
  • 'event': Kullanıcılar sütun başlığını tıkladığında bir '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. Sıralama etkinliklerinin manuel olarak nasıl ele alınacağına dair bir örnek için TableQueryWrapper örneğine bakın.
  • 'disable': Bir sütun başlığını tıklamanın bir etkisi yoktur.
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 ilk olarak bu sütuna 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: İçerdiği öğ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 bir öğesinin HTML renk dizesi olduğu bir dize dizisi (ör. 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: İçerdiği öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

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

Ağaç haritası yapılandırma seçenekleri

Ad
headerColor

Her düğümün başlık bölümünün rengi. HTML renk değeri belirtin.

Tür: string
Varsayılan: #988f86
maxColor

3. sütun değeri maxColorValue olan bir dikdörtgenin rengi. 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üzleme 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üğümlerin içindeki gölgeli dikdörtgenler olarak maxPostDepth seviyelerini de görebilirsiniz.

Tür: number
Varsayılan: 1
maxPostDepth

"İpucu" şeklinde gösterilecek maxDepth'ten sonraki düğüm seviyelerinin sayısı. İpucu verilen düğümler, maxDepth sınırı dahilinde olan bir düğüm içinde gölgeli dikdörtgenler olarak gösterilir.

Tür: number
Varsayılan: 0
midColor

3. sütun değeri maxColorValue ile minColorValue arasında olan bir dikdörtgenin rengi. HTML renk değeri belirtin.

Tür: string
Varsayılan: #000000
minColor

3. sütun değeri minColorValue olan bir dikdörtgenin rengi. HTML renk değeri belirtin.

Tür: string
Varsayılan: #dd0000
noColor

Bir düğümün 3. sütun için değeri yoksa ve bu düğüm yapraksa (veya yalnızca yaprak içeriyorsa) dikdörtgen için kullanılacak renk. HTML renk değeri belirtin.

Tür: string
Varsayılan: #000000
alt başlık

Grafiğin 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'. fontName ve fontSize'e de 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 özelliklerini de inceleyin.

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. Nesnenin biçimi şu şekildedir:

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

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

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