Grafik yapılandırma seçenekleri

Grafik Türleri

Ek açıklama grafiği yapılandırma seçenekleri

Ad
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dize dizisi, örneğin: 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ği; burada 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 logaritmik ölçek sürümüdür.

Tür: boolean
Varsayılan: true
displayZoomButtons

Yakınlaştırma düğmelerinin gösterilip gösterilmeyeceği ("1d 5d 1m" vb.), burada 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 yok sayılır ve grafik, maksimum veri noktasının üzerinde bir sonraki ana onay işaretini gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen Y ekseni maksimum değerine göre önceliklidir.

Bu, temel grafiklerdeki maxValue verilerine benzer.

Tür: number
Varsayılan: auto
dk

Y ekseninde gösterilecek minimum değer. Minimum veri noktası bu değerden düşükse bu ayar yok sayılır ve grafik, minimum veri noktasının altında bir sonraki ana onay işaretini gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen Y ekseni minimum değerine göre önceliklidir.

Bu, temel grafiklerdeki minValue verilerine benzer.

Tür: number
Varsayılan: auto

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

Ad
areaOpacity

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

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

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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 eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

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

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

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

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, 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: auto
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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, çoğu grafikte sola doğru olur. Bu, 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: auto
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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
interpolateNulls

Eksik puanların değerinin tahmin edilip edilmeyeceği. true ise eksik verilerin değerini komşu noktalara göre tahmin eder. false ise çizgide bilinmeyen noktada bir boşluk bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçenekli Alan grafikleri tarafından desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikleri, seri öğelerinin yığınla daha iyi uyuşması için gösterge öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu Çubuk Grafikler için geçerli değildir .

isStacked seçeneği, her bir alan değerindeki öğe yığınlarının toplamı% 100'e eşit olacak şekilde yeniden ölçeklendirilen %100 yığınlamayı da destekler.

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

  • false — öğeler gruplandırılmaz. Bu, varsayılan seçenektir.
  • true — Her bir alan değerindeki tüm serilerin öğelerini yığınlar.
  • 'percent': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve toplamları %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve bunların toplamı 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'den kesirli bir şekilde hesaplanır.
  • 'absolute'isStacked: true ile aynı şekilde çalışır.

%100 yığınlamada her öğenin hesaplanan değeri, ipucunda gerçek değerinden sonra görünür.

Hedef eksen varsayılan olarak göreli 0-1 ölçeğine göre değerleri, 'relative' için 1'in kesirleri şeklinde ve 'percent' için% 0-100 olarak işaretler. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki değer işaretlerinin, göreli 0-1 ölçek değerlerine "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak özelleştirebilirsiniz.

%100 yığınlama, yalnızca number türündeki veri değerlerini destekler ve referans değeri sıfır olmalıdır.

Tür: boolean/string
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left' - Sol eksenle ilişkili series olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: number
Varsayılan: 2
pointShape

Bağımsız veri öğelerinin şekli: 'circle', 'triangle', 'square', 'diamond', 'star' veya 'polygon'. Örnekler için puan belgelerine göz atın.

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

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

Tür: number
Varsayılan: 0
reverseCategories

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

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

Tür: boolean
Varsayılan: false
seri

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

  • annotations - Bu seride ek açıklamalara uygulanacak bir nesne. Bu, örneğin serinin textStyle öğesini kontrol etmek için kullanılabilir:

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

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

  • areaOpacity - Bu seri için genel areaOpacity öğesini geçersiz kılar.
  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik açıklamasında 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 ters eksendir. Varsayılan değer 0'dir. Farklı eksenlerde farklı serilerin oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Bu değer, truedizinin bir açıklama girişi olması gerektiğini, false ise olmaması gerektiğini belirtir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: boolean
useFirstColumnAsDomain

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Çubuk grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

Birden fazla yatay eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen hAxis nesnesiyle aynıdır:

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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 eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

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

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

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

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, 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: auto
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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, çoğu grafikte sola doğru olur. Bu, 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: auto
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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikleri, seri öğelerinin yığınla daha iyi uyuşması için gösterge öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu Çubuk Grafikler için geçerli değildir .

isStacked seçeneği, her bir alan değerindeki öğe yığınlarının toplamı% 100'e eşit olacak şekilde yeniden ölçeklendirilen %100 yığınlamayı da destekler.

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

  • false — öğeler gruplandırılmaz. Bu, varsayılan seçenektir.
  • true — Her bir alan değerindeki tüm serilerin öğelerini yığınlar.
  • 'percent': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve toplamları %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve bunların toplamı 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'den kesirli bir şekilde hesaplanır.
  • 'absolute'isStacked: true ile aynı şekilde çalışır.

%100 yığınlamada her öğenin hesaplanan değeri, ipucunda gerçek değerinden sonra görünür.

Hedef eksen varsayılan olarak göreli 0-1 ölçeğine göre değerleri, 'relative' için 1'in kesirleri şeklinde ve 'percent' için% 0-100 olarak işaretler. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki değer işaretlerinin, göreli 0-1 ölçek değerlerine "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak özelleştirebilirsiniz.

%100 yığınlama, yalnızca number türündeki veri değerlerini destekler ve referans değeri sıfır olmalıdır.

Tür: boolean/string
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen 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 bir nesne aşağıdaki özellikleri destekler:

  • annotations - Bu seride ek açıklamalara uygulanacak bir nesne. Bu, örneğin serinin textStyle öğesini kontrol etmek için kullanılabilir:

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

    Özelleştirilebilecek özelliklerin 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 açıklamasında görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin atanacağı eksen; 0 varsayılan eksen, 1 ise ters eksendir. Varsayılan değer 0'dir. Farklı eksenlerde farklı serilerin oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişi olması gerektiğini, false ise seride açıklama girişi olmaması gerektiğini belirtir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

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

İngilizce renk adı veya onaltılık dize olarak ifade edilen trend çizgisinin rengi.

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

type: 'polynomial' türündeki trend çizgileri için polinomun derecesi (ikinci dereceden için 2, kübik için 3 vb.).

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

Ayarlanırsa trend çizgisi göstergede bu dize olarak görünür.

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' olup olmadığı.

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

Trend çizgisi denkleminin açıklamada görünüp görünmediği. Trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

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

Tür: boolean
vAxis

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" 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ı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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ıran üyelere sahip bir nesne.

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

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

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

Baloncuk fırçasının 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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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 eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

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

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

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

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, 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: auto
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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, çoğu grafikte sola doğru olur. Bu, 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: auto
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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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) ve her bir nesnenin, grafikteki karşılık gelen serinin biçimini açıklayan bir nesne nesnesi. 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. Burada true, serinin bir açıklama girişi olması gerektiğini, false ise seride açıklama girişi olmaması gerektiğini belirtir. true varsayılandır.
Örnek:
series: {'Europe': {color: 'green'}}
Tür: İç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
sizeAxis

Değerlerin balon boyutuyla ilişkilendirilme şeklini yapılandıran üyelere sahip bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: boolean
useFirstColumnAsDomain

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" 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: kapsayıcı öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: kapsayıcı öğenin genişliği

Şamdan grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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 eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

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

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

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

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, 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: auto
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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, çoğu grafikte sola doğru olur. Bu, 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: auto
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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen 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.
  • 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 açıklamasında 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 ters eksendir. Varsayılan değer 0'dir. Farklı eksenlerde farklı serilerin oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişi olması gerektiğini, false ise seride açıklama girişi olmaması gerektiğini belirtir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

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

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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 eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

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

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

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

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, 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: auto
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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, çoğu grafikte sola doğru olur. Bu, 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: auto
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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikleri, seri öğelerinin yığınla daha iyi uyuşması için gösterge öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu Çubuk Grafikler için geçerli değildir .

isStacked seçeneği, her bir alan değerindeki öğe yığınlarının toplamı% 100'e eşit olacak şekilde yeniden ölçeklendirilen %100 yığınlamayı da destekler.

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

  • false — öğeler gruplandırılmaz. Bu, varsayılan seçenektir.
  • true — Her bir alan değerindeki tüm serilerin öğelerini yığınlar.
  • 'percent': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve toplamları %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve bunların toplamı 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'den kesirli bir şekilde hesaplanır.
  • 'absolute'isStacked: true ile aynı şekilde çalışır.

%100 yığınlamada her öğenin hesaplanan değeri, ipucunda gerçek değerinden sonra görünür.

Hedef eksen varsayılan olarak göreli 0-1 ölçeğine göre değerleri, 'relative' için 1'in kesirleri şeklinde ve 'percent' için% 0-100 olarak işaretler. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki değer işaretlerinin, göreli 0-1 ölçek değerlerine "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak özelleştirebilirsiniz.

%100 yığınlama, yalnızca number türündeki veri değerlerini destekler ve referans değeri sıfır olmalıdır.

Tür: boolean/string
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

Tür: boolean
Varsayılan: false
seri

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

  • annotations - Bu seride ek açıklamalara uygulanacak bir nesne. Bu, örneğin serinin textStyle öğesini kontrol etmek için kullanılabilir:

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

    Özelleştirilebilecek özelliklerin 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 açıklamasında görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin atanacağı eksen; 0 varsayılan eksen, 1 ise ters eksendir. Varsayılan değer 0'dir. Farklı eksenlerde farklı serilerin oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

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

İngilizce renk adı veya onaltılık dize olarak ifade edilen trend çizgisinin rengi.

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

type: 'polynomial' türündeki trend çizgileri için polinomun derecesi (ikinci dereceden için 2, kübik için 3 vb.).

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

Ayarlanırsa trend çizgisi göstergede bu dize olarak görünür.

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' olup olmadığı.

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

Trend çizgisi denkleminin açıklamada görünüp görünmediği. Trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" 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ığı. 0.0 tamamen şeffaf, 1.0 ise tamamen opaktır. Tek bir serinin opaklığını belirtmek için series özelliğinde areaOpacity değerini ayarlayın.

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

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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 eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

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

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

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

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, 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: auto
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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, çoğu grafikte sola doğru olur. Bu, 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: auto
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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
interpolateNulls

Eksik puanların değerinin tahmin edilip edilmeyeceği. true ise eksik verilerin değerini komşu noktalara göre tahmin eder. false ise çizgide bilinmeyen noktada bir boşluk bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçenekli Alan grafikleri tarafından desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikleri, seri öğelerinin yığınla daha iyi uyuşması için gösterge öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu Çubuk Grafikler için geçerli değildir .

isStacked seçeneği, her bir alan değerindeki öğe yığınlarının toplamı% 100'e eşit olacak şekilde yeniden ölçeklendirilen %100 yığınlamayı da destekler.

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

  • false — öğeler gruplandırılmaz. Bu, varsayılan seçenektir.
  • true — Her bir alan değerindeki tüm serilerin öğelerini yığınlar.
  • 'percent': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve toplamları %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve bunların toplamı 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'den kesirli bir şekilde hesaplanır.
  • 'absolute'isStacked: true ile aynı şekilde çalışır.

%100 yığınlamada her öğenin hesaplanan değeri, ipucunda gerçek değerinden sonra görünür.

Hedef eksen varsayılan olarak göreli 0-1 ölçeğine göre değerleri, 'relative' için 1'in kesirleri şeklinde ve 'percent' için% 0-100 olarak işaretler. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki değer işaretlerinin, göreli 0-1 ölçek değerlerine "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak özelleştirebilirsiniz.

%100 yığınlama, yalnızca number türündeki veri değerlerini destekler ve referans değeri sıfır olmalıdır.

Tür: boolean/string
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: number
Varsayılan: 2
pointShape

Bağımsız veri öğelerinin şekli: 'circle', 'triangle', 'square', 'diamond', 'star' veya 'polygon'. Örnekler için puan belgelerine göz atın.

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

Görüntülenen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfırı kullanın. series özelliğini kullanarak tek tek serilerin değerlerini 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 değerine ayarlanırsa serileri sağdan sola çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

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

Tür: boolean
Varsayılan: false
seri

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

  • annotations - Bu seride ek açıklamalara uygulanacak bir nesne. Bu, örneğin serinin textStyle öğesini kontrol etmek için kullanılabilir:

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

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

  • areaOpacity - Bu seri için genel areaOpacity öğesini 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 açıklamasında 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 ters eksendir. Varsayılan değer 0'dir. Farklı eksenlerde farklı serilerin oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • type - Bu seriye ait işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea"dır. Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneği ile belirlenir.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişi olması gerektiğini, false ise seride açıklama girişi olmaması gerektiğini belirtir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" 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ığın en düşük değeri.

Tür: number
Varsayılan: yok
greenTo

Yeşil renkle işaretlenmiş bir aralık için 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 yok sayılır ve grafik, maksimum veri noktasının üzerinde bir sonraki ana onay işaretini gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen Y ekseni maksimum değerine göre önceliklidir.

Bu, temel grafiklerdeki maxValue verilerine benzer.

Tür: number
Varsayılan: auto
dk

Y ekseninde gösterilecek minimum değer. Minimum veri noktası bu değerden düşükse bu ayar yok sayılır ve grafik, minimum veri noktasının altında bir sonraki ana onay işaretini gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen Y ekseni minimum değerine göre önceliklidir.

Bu, temel grafiklerdeki minValue verilerine benzer.

Tür: number
Varsayılan: auto
redColor

HTML renk gösteriminde kırmızı bölüm için kullanılacak renk.

Tür: string
Varsayılan: '#DC3912'
redFrom

Kırmızı renkle işaretlenmiş bir aralık için en düşük değerdir.

Tür: number
Varsayılan: yok
redTo

Kırmızı renkle işaretlenmiş bir aralık için 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österiminde sarı bölüm için kullanılacak renk.

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

Sarı renkle işaretlenmiş bir aralığın en düşük değeri.

Tür: number
Varsayılan: yok
yellowTo

Sarı renkle işaretlenmiş bir aralık için 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ı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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

Konum (ör. 'US') mevcut, ancak değer null veya belirtilmemiş. Bu renk, veri eksikliği olduğunda kullanılan datalessRegionColor renginden farklıdır.

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

Coğrafi grafik türü. DataTable biçimi, belirtilen değerle eşleşmelidir. Aşağıdaki değerler desteklenir:

  • 'auto' - Veri tablosunun biçimine göre seçim yapın.
  • 'regions' - Coğrafi grafikteki bölgeleri renklendirin.
  • 'markers' - Bölgelere işaretçi yerleştirin.
  • 'text': Bölgeleri Veri Tablosu'ndaki metinle etiketleyin.
Tür: string
Varsayılan: 'auto'
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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'. Ayrıca bkz. fontName ve fontSize.

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

Coğrafi grafikte görüntülenecek alan. Çevresindeki alanlar da görüntülenir. Şunlardan biri olabilir:

  • 'world' - Tüm dünyanın coğrafi grafiği.
  • 3 basamaklı koduyla belirtilen kıta veya alt kıta (ör. Batı Afrika için '011'.
  • ISO 3166-1 alpha-2 koduyla belirtilen bir ülke (ör. Avustralya için 'AU'.
  • ISO 3166-2:US koduyla belirtilen, ABD'de bulunan bir eyalet; ör. 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: kapsayıcı öğenin genişliği

Histogram yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

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

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

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

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

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

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

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

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

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
histogram.bucketSize

Algoritmik olarak belirlenmesine izin vermek yerine her bir histogram çubuğunun boyutunu sabit bir şekilde kodlayın.

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

Histogram blokları arasındaki ince bölümleri çıkararak, katı çubuklardan oluşan bir seri oluşturun.

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

Histogramın paket boyutunu hesaplarken üstteki ve alttaki yüzde lastBucketPercentile değerlerini yoksayın. Değerler histogramda yer almaya devam eder ancak paketlemeyi etkilemez.

Tür: number
Varsayılan: 0
interpolateNulls

Eksik puanların değerinin tahmin edilip edilmeyeceği. true ise eksik verilerin değerini komşu noktalara göre tahmin eder. false ise çizgide bilinmeyen noktada bir boşluk bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçenekli Alan grafikleri tarafından desteklenmez.

Tür: boolean
Varsayılan: false
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikleri, seri öğelerinin yığınla daha iyi uyuşması için gösterge öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu Çubuk Grafikler için geçerli değildir .

isStacked seçeneği, her bir alan değerindeki öğe yığınlarının toplamı% 100'e eşit olacak şekilde yeniden ölçeklendirilen %100 yığınlamayı da destekler.

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

  • false — öğeler gruplandırılmaz. Bu, varsayılan seçenektir.
  • true — Her bir alan değerindeki tüm serilerin öğelerini yığınlar.
  • 'percent': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve toplamları %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve bunların toplamı 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'den kesirli bir şekilde hesaplanır.
  • 'absolute'isStacked: true ile aynı şekilde çalışır.

%100 yığınlamada her öğenin hesaplanan değeri, ipucunda gerçek değerinden sonra görünür.

Hedef eksen varsayılan olarak göreli 0-1 ölçeğine göre değerleri, 'relative' için 1'in kesirleri şeklinde ve 'percent' için% 0-100 olarak işaretler. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki değer işaretlerinin, göreli 0-1 ölçek değerlerine "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak özelleştirebilirsiniz.

%100 yığınlama, yalnızca number türündeki veri değerlerini destekler ve referans değeri sıfır olmalıdır.

Tür: boolean/string
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Bir serinin varsayılan değerlerini kullanmak için 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 açıklamasında görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin atanacağı eksen; 0 varsayılan eksen, 1 ise ters eksendir. Varsayılan değer 0'dir. Farklı eksenlerde farklı serilerin oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişi olması gerektiğini, false ise seride açıklama girişi olmaması gerektiğini belirtir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" 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: kapsayıcı öğenin genişliği

Çizgi grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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 eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

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

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

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

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, 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: auto
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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, çoğu grafikte sola doğru olur. Bu, 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: auto
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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
interpolateNulls

Eksik puanların değerinin tahmin edilip edilmeyeceği. true ise eksik verilerin değerini komşu noktalara göre tahmin eder. false ise çizgide bilinmeyen noktada bir boşluk bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçenekli Alan grafikleri tarafından desteklenmez.

Tür: boolean
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: number
Varsayılan: 2
pointShape

Bağımsız veri öğelerinin şekli: 'circle', 'triangle', 'square', 'diamond', 'star' veya 'polygon'. Örnekler için puan belgelerine göz atın.

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

Görüntülenen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfırı kullanın. series özelliğini kullanarak tek tek serilerin değerlerini 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 değerine ayarlanırsa serileri sağdan sola çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

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

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen 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 seride ek açıklamalara uygulanacak bir nesne. Bu, örneğin serinin textStyle öğesini kontrol etmek için kullanılabilir:

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

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

  • type - Bu seriye ait işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea"dır. Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneği ile belirlenir.
  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • curveType - Bu seri için genel curveType değerini geçersiz kılar.
  • labelInLegend: Grafik açıklamasında 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 ters eksendir. Varsayılan değer 0'dir. Farklı eksenlerde farklı serilerin oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişi olması gerektiğini, false ise seride açıklama girişi olmaması gerektiğini belirtir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: boolean
trend çizgileri

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

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

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

İngilizce renk adı veya onaltılık dize olarak ifade edilen trend çizgisinin rengi.

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

type: 'polynomial' türündeki trend çizgileri için polinomun derecesi (ikinci dereceden için 2, kübik için 3 vb.).

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

Ayarlanırsa trend çizgisi göstergede bu dize olarak görünür.

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' olup olmadığı.

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

Trend çizgisi denkleminin açıklamada görünüp görünmediği. Trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

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

Ad
renk

Kuruluş şeması öğelerinin arka plan rengi.

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

Seçilen kuruluş grafiği öğelerinin arka plan rengi.

Tür: string
Varsayılan: '#d6e9f8'
beden

Grafiğin genel boyutu. Seçenekler şunlardır: 'small', 'medium' veya 'large'.

Tür: string
Varsayılan: 'medium'

Pasta grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

Tür: Dize dizisi
Varsayılan: varsayılan renkler
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
3D

true ise üç boyutlu bir grafik gösterir.

Tür: boolean
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

0 ile 1 arasındaysa halka grafik görüntüler. Deliğin yarıçapı, grafiğin yarıçapının number ile çarpımı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

Dilimde görüntülenen metnin içeriği. Aşağıdakilerden biri olabilir:

  • 'percentage' - Dilim boyutunun toplam içindeki yüzdesi.
  • 'value': Dilimin nicel değeri.
  • 'label': Dilimin adı.
  • 'none' - Metin gö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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

Tür: boolean
Varsayılan: false
slices.color

Bu dilim için kullanılacak renk.

Tür: string
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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 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'. Ayrıca bkz. fontName ve fontSize.

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ı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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 eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

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

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

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

Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, 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: auto
hAxis.minorGridlines

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için ü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 kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (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, çoğu grafikte sola doğru olur. Bu, 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: auto
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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: number
Varsayılan: 2
pointShape

Bağımsız veri öğelerinin şekli: 'circle', 'triangle', 'square', 'diamond', 'star' veya 'polygon'. Örnekler için puan belgelerine göz atın.

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

Görüntülenen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfırı kullanın. series özelliğini kullanarak tek tek serilerin değerlerini 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 grafikte karşılık gelen 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 açıklamasında 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. Burada true, serinin bir açıklama girişi olması gerektiğini, false ise seride açıklama girişi olmaması gerektiğini belirtir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye uygulanacağını gösteren sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: boolean
trend çizgileri

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

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

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

İngilizce renk adı veya onaltılık dize olarak ifade edilen trend çizgisinin rengi.

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

type: 'polynomial' türündeki trend çizgileri için polinomun derecesi (ikinci dereceden için 2, kübik için 3 vb.).

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

Ayarlanırsa trend çizgisi göstergede bu dize olarak görünür.

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' olup olmadığı.

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

Trend çizgisi denkleminin açıklamada görünüp görünmediği. Trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" 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ığı. 0.0 tamamen şeffaf, 1.0 ise tamamen opaktır. Tek bir serinin opaklığını belirtmek için series özelliğinde areaOpacity değerini ayarlayın.

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

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya 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 yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

Yatay eksendeki değerlerin büyüdüğü 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'. Ayrıca bkz. fontName ve fontSize.

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

Yatay eksenin başlığını belirten hAxis özelliği.

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'. Ayrıca bkz. fontName ve fontSize.

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: kapsayıcı öğenin yüksekliği
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikleri, seri öğelerinin yığınla daha iyi uyuşması için gösterge öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu Çubuk Grafikler için geçerli değildir .

isStacked seçeneği, her bir alan değerindeki öğe yığınlarının toplamı% 100'e eşit olacak şekilde yeniden ölçeklendirilen %100 yığınlamayı da destekler.

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

  • false — öğeler gruplandırılmaz. Bu, varsayılan seçenektir.
  • true — Her bir alan değerindeki tüm serilerin öğelerini yığınlar.
  • 'percent': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve toplamları %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve bunların toplamı 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'den kesirli bir şekilde hesaplanır.
  • 'absolute'isStacked: true ile aynı şekilde çalışır.

%100 yığınlamada her öğenin hesaplanan değeri, ipucunda gerçek değerinden sonra görünür.

Hedef eksen varsayılan olarak göreli 0-1 ölçeğine göre değerleri, 'relative' için 1'in kesirleri şeklinde ve 'percent' için% 0-100 olarak işaretler. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki değer işaretlerinin, göreli 0-1 ölçek değerlerine "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak özelleştirebilirsiniz.

%100 yığınlama, yalnızca number türündeki veri değerlerini destekler ve referans değeri sıfır olmalıdır.

Tür: boolean/ string
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer 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ında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
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'. Ayrıca bkz. fontName ve fontSize.

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

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

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

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen 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:

  • areaOpacity - Bu seri için genel areaOpacity öğesini geçersiz kılar.
  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • type - Bu seriye ait işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea"dır. Çubukların aslında dikey çubuklar (sütunlar) olduğunu unutmayın. Varsayılan değer, grafiğin seriesType seçeneği ile belirlenir.
  • labelInLegend: Grafik açıklamasında 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 ters eksendir. Varsayılan değer 0'dir. Farklı eksenlerde farklı serilerin oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişi olması gerektiğini, false ise seride açıklama girişi olmaması gerektiğini belirtir. true varsayılandır.

Her biri verilen sırayla seri için geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesneyi belirtebilirsiniz.Örneğin, aşağıdaki iki bildirim aynı olup ilk seri siyah ve göstergede yok, dördüncüsü ise kırmızı olarak ve göstergede yok olarak tanımlanmıştır:

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ş nesneleri olan nesne
Varsayılan: {}
alt başlık

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

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

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içine çeker.
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 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'. Ayrıca bkz. fontName ve fontSize.

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

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

Tür: boolean
useFirstColumnAsDomain

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

Tür: boolean
vAxes

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

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun 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. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

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

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

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

Dikey eksendeki 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 eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

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

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

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

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

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

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

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

true ise dikey ekseni logaritmik ölçek haline getirir. 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, çoğu grafikte yukarı olacaktır. Bu, 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: auto
vAxis.minorGridlines

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

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

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

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

Sayısı 0 olarak ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri arasındaki aralığa ve gerekli minimum alan arasındaki aralığa bağlıdır.

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

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. 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'. Ayrıca bkz. fontName ve fontSize.

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ık 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'. Ayrıca bkz. fontName ve fontSize.

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 "büyütülmüş" 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 "büyütülmüş" 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: kapsayıcı öğenin genişliği

Tablo grafik yapılandırma seçenekleri

Ad
alternatingRowStyle

Tek ve çift satırlara alternatif 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: kapsayıcı öğenin yüksekliği
sayfa

Veriler arasında sayfalandırmanın etkinleştirilip etkinleştirilmeyeceğini ve nasıl etkinleştirileceğini. Aşağıdaki string değerlerinden birini seçin:

  • 'enable': Tabloda, sayfa ileri ve sayfa geri düğmeleri bulunur. Bu düğmeler tıklandığında sayfa oluşturma işlemi gerçekleştirilir ve görüntülenen sayfa değiştirilir. pageSize seçeneğini de ayarlamak isteyebilirsiniz.
  • 'event': Tablo, sayfa ileri ve sayfa geri düğmelerini içerir ancak bu düğmeler tıklandığında bir '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. Sayfa oluşturma etkinliklerinin manuel olarak nasıl işleneceğine dair bir örnek için TableQueryWrapper örneğine bakın.
  • 'disable' - [Varsayılan] Sayfalandırma desteklenmez.
  • Tür: string
    Varsayılan: 'disable'
pageSize

Sayfa seçeneği ile sayfalandırma etkinleştirildiğinde, her bir sayfadaki satır sayısı.

Tür: number
Varsayılan: 10
showRowNumber

true değerine 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, sayfada kendi sıralamasını uyguladığında kullanılmalıdır. Etkinliklerin manuel olarak nasıl sıralanacağına dair bir örnek için TableQueryWrapper örneğine bakın.
  • 'disable': Sütun başlığını tıklamanın herhangi bir etkisi yoktur.
Tür: string
Varsayılan: 'enable'
sortAscending

İlk sıralama sütununun sıralandığı sıra. 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 dizinidir ve tablonun başlangıçta sıralandığı sütundur. Sütun, sıralama düzenini gösteren küçük bir okla işaretlenmiştir.

Tür: number
Varsayılan: -1
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: kapsayıcı öğenin genişliği

Zaman çizelgesi yapılandırma seçenekleri

Ad
backgroundColor

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

Tür: string veya object
Varsayılan: 'white'
renkler

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

Tür: Dize dizisi
Varsayılan: varsayılan renkler
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: kapsayıcı öğenin genişliği

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

Ad
headerColor

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

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

Sütun 3'ün değeri maxColorValue olan bir dikdörtgenin rengi. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #00dd00
maxDepth

Geçerli görünümde gösterilecek maksimum düğüm düzeyi sayısı. Seviyeler mevcut düzlemde düzleştirilir. Ağacınızda bundan daha fazla seviye varsa bunları görmek için yukarı veya aşağı gitmeniz gerekir. Ayrıca, bu düğümlerin içinde gölgeli dikdörtgenler olarak bunun altındaki maxPostDepth düzeylerini görebilirsiniz.

Tür: number
Varsayılan: 1
maxPostDepth

maxDepth dışında "ipuçlu" şekilde gösterilecek düğüm düzeyi sayısı. İpucu olan 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

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

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

Sütun 3'ün değeri minColorValue olan bir dikdörtgenin rengi. Bir HTML renk değeri belirtin.

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

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

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

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

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

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

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

Başlık metin stilini belirten bir nesne. Renk, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize konularına da bakın.

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

Grafiğin üzerinde gösterilecek metin.

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

Başlık 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'. Ayrıca bkz. fontName ve fontSize.

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