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 dizeler 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; false değerinin hayır anlamına gelir.

Yakınlaştırma seçicideki ana hat, grafikteki ilk serinin günlük ölçeğinde oluşturulmuş halidir ve yakınlaştırma seçicinin yüksekliğine sığacak şekilde ölçeklendirilmiştir.

Tür: boolean
Varsayılan: true
displayZoomButtons

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

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

Y ekseninde gösterilecek maksimum değer. Maksimum veri noktası bu değeri aşarsa bu ayar yoksayılır ve grafik, maksimum veri noktasının üzerindeki bir sonraki büyük onay işaretini gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen maksimum Y eksenine göre önceliklidir.

Bu, temel grafiklerdeki maxValue ile benzerdir.

Tür: number
Varsayılan: otomatik
dak

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

Bu, temel grafiklerdeki minValue ile benzerdir.

Tür: number
Varsayılan: otomatik

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

Ad
areaOpacity

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

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

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum alan (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa bağlı.

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğ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 olarak ayarlanırsa tüm serilerin öğelerini her bir alan değerinde toplar. Not: Google Charts, Column, Area ve SteppedArea grafiklerinde, seri öğelerinin yığılmasına daha iyi uyum sağlamak için açıklama öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu durum, Çubuk grafikleri için geçerli değildir .

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

isStacked için seçenekler:

  • false — öğeler yığınlanmaz. Bu, varsayılan seçenektir.
  • true: Her bir alan değerinde tüm serilerin öğelerini yığınlar.
  • 'percent': Tüm seriler için öğeleri her bir alan değerinde yığınlar ve bunları toplamı %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerinde tüm seriler için öğeleri yığınlar ve bunları toplamaları 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesiri olarak hesaplanır.
  • 'absolute', isStacked: true ile aynı şekilde çalışır.

%100 yığma için her öğe için hesaplanan değer, ipucunda gerçek değerinden sonra gösterilir.

Varsayılan olarak, hedef eksen değerleri, 'relative' için 1 ve 'percent' için% 0-100 kesirli göreli 0-1 ölçeğine göre işaretleme yapar (Not: 'percent' seçeneği kullanılırken eksen/onay değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde ekseni çizgilerinin, göreli 0-1 ölçek değerlerine "%#,##%" biçiminin uygulanmasının bir sonucudur. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak tüm değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığma yalnızca number türündeki veri değerlerini destekler ve sıfır referans değerine sahip olmalıdır.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

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

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

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

Tür: number
Varsayılan: 2
pointShape

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österilen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek 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: 0
reverseCategories

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

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

Tür: boolean
Varsayılan: false
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

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

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

    Özelleştirilebilecek öğelerin daha eksiksiz 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ıdır.
  • 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ı eksenlere göre farklı serilerin oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişine sahip olması gerektiğini, false değerinin ise olmaması gerektiği anlamına gelir. true varsayılandır.

Her biri verilen sırada seriye uygulanacak bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne dizisi belirtebilirsiniz. Örneğin, aşağıdaki iki beyan özdeştir ve ilk seriyi siyah olarak ve açıklamada yok, dördüncü seri ise kırmızı olarak ve açıklamada yok olarak tanımlar:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 bir metin sütunu olarak değerlendirir.

Tür: boolean
useFirstColumnAsDomain

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

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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 (örneğin: 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Grafiğin birden fazla yatay eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

Birden fazla yatay eksene sahip bir grafik belirtmek için önce series.targetAxisIndex kullanarak yeni bir eksen tanımlayın, ardından hAxes kullanarak ekseni yapılandırın. Aşağıdaki örnek, 1 serisini alt eksene atar ve bunun için özel bir başlık ve metin stili belirtir:

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
hAxis

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken 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 değer, çoğu grafikte sola doğru olacaktır. Bu değer, verilerin minimum x değerinden daha büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her bir alan değerinde toplar. Not: Google Charts, Column, Area ve SteppedArea grafiklerinde, seri öğelerinin yığılmasına daha iyi uyum sağlamak için açıklama öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu durum, Çubuk grafikleri için geçerli değildir .

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

isStacked için seçenekler:

  • false — öğeler yığınlanmaz. Bu, varsayılan seçenektir.
  • true: Her bir alan değerinde tüm serilerin öğelerini yığınlar.
  • 'percent': Tüm seriler için öğeleri her bir alan değerinde yığınlar ve bunları toplamı %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerinde tüm seriler için öğeleri yığınlar ve bunları toplamaları 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesiri olarak hesaplanır.
  • 'absolute', isStacked: true ile aynı şekilde çalışır.

%100 yığma için her öğe için hesaplanan değer, ipucunda gerçek değerinden sonra gösterilir.

Varsayılan olarak, hedef eksen değerleri, 'relative' için 1 ve 'percent' için% 0-100 kesirli göreli 0-1 ölçeğine göre işaretleme yapar (Not: 'percent' seçeneği kullanılırken eksen/onay değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde ekseni çizgilerinin, göreli 0-1 ölçek değerlerine "%#,##%" biçiminin uygulanmasının bir sonucudur. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak tüm değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığma yalnızca number türündeki veri değerlerini destekler ve sıfır referans değerine sahip olmalıdır.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 seri sağdan sola doğru çizer. Varsayılan olarak soldan sağa çizim yapılır.

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

Tür: boolean
Varsayılan: false
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

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

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

    Özelleştirilebilecek öğelerin daha eksiksiz 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ıdır.
  • targetAxisIndex - Bu serinin atanacağı eksen; 0 varsayılan eksen, 1 ise ters eksendir. Varsayılan değer 0'dir. Farklı eksenlere göre farklı serilerin oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişine sahip olması gerektiğini, false ise bunun olmaması gerektiğini ifade eder. true varsayılandır.

Her biri verilen sırada seriye uygulanacak bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne dizisi belirtebilirsiniz. Örneğin, aşağıdaki iki beyan özdeştir ve ilk seriyi siyah olarak ve açıklamada yok, dördüncü seri ise kırmızı olarak ve açıklamada yok olarak tanımlar:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

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

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

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

Trend çizgileri dizi bazında belirlenir. Bu nedenle, çoğu zaman seçenekleriniz 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

Trend çizgisinin rengi (İngilizce renk adı veya onaltılık dize olarak ifade edilir).

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

type: 'polynomial' değerinin 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çıklamalarda 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 olarak değerlendirir.

Tür: boolean
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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 (örneğin: 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Baloncukların görsel özelliklerini yapılandırmak için üyeler içeren bir nesne.

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

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

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

Baloncukların çizgisinin rengi.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 (eksen ve açıklamalar hariç olmak üzere grafiğin kendisinin çizildiği yer) yapılandırmak için üyeler içeren bir nesne. İki biçim desteklenir: bir rakam veya ardından % gelen bir sayı. Basit sayı piksel cinsinden bir değerdir, ardından % gelen rakam bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum alan (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa bağlı.

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğenin yüksekliği
harita açıklamaları

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

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

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

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

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişine sahip olması gerektiğini, false ise bunun olmaması gerektiğini ifade eder. true varsayılandır.
Örnek:
series: {'Europe': {color: 'green'}}
Tür: İç içe yerleştirilmiş nesnelere sahip nesne
Varsayılan: {}
sizeAxis

Değerlerin balon boyutuyla nasıl ilişkilendirileceğini yapılandırmak için üyeler içeren 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

Mümkün olan 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örüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 bir metin sütunu olarak değerlendirir.

Tür: boolean
useFirstColumnAsDomain

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

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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: İçeren öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

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

Şamdan grafik yapılandırma seçenekleri

Ad
backgroundColor

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken 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 değer, çoğu grafikte sola doğru olacaktır. Bu değer, verilerin minimum x değerinden daha büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğenin yüksekliği
harita açıklamaları

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 seri sağdan sola doğru çizer. Varsayılan olarak soldan sağa çizim yapılır.

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

Tür: boolean
Varsayılan: false
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • fallingColor.fill - Bu seri için genel candlestick.fallingColor.fill değerini geçersiz kılar.
  • fallingColor.stroke - Bu seri için genel candlestick.fallingColor.stroke değerini geçersiz kılar.
  • fallingColor.strokeWidth - Bu seri için genel candlestick.fallingColor.strokeWidth değerini geçersiz kılar.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklamasıdır.
  • 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ı eksenlere göre farklı serilerin oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişine sahip olması gerektiğini, false ise bunun olmaması gerektiğini ifade eder. true varsayılandır.

Her biri verilen sırada seriye uygulanacak bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne dizisi belirtebilirsiniz. Örneğin, aşağıdaki iki beyan özdeştir ve ilk seriyi siyah olarak ve açıklamada yok, dördüncü seri ise kırmızı olarak ve açıklamada yok olarak tanımlar:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 olarak değerlendirir.

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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 (örneğin: 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanı arka plan rengi. Bir dize kullanıldığında, onaltılık dize (ör. '#fdc') veya İngilizce bir renk adı kullanın. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak verilen renk.
  • strokeWidth: Sağlanmışsa, grafik alanının etrafına belirli bir genişlikte (ve stroke renkte) 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 uzağa çizileceği.

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum alan (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa bağlı.

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her bir alan değerinde toplar. Not: Google Charts, Column, Area ve SteppedArea grafiklerinde, seri öğelerinin yığılmasına daha iyi uyum sağlamak için açıklama öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu durum, Çubuk grafikleri için geçerli değildir .

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

isStacked için seçenekler:

  • false — öğeler yığınlanmaz. Bu, varsayılan seçenektir.
  • true: Her bir alan değerinde tüm serilerin öğelerini yığınlar.
  • 'percent': Tüm seriler için öğeleri her bir alan değerinde yığınlar ve bunları toplamı %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerinde tüm seriler için öğeleri yığınlar ve bunları toplamaları 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesiri olarak hesaplanır.
  • 'absolute', isStacked: true ile aynı şekilde çalışır.

%100 yığma için her öğe için hesaplanan değer, ipucunda gerçek değerinden sonra gösterilir.

Varsayılan olarak, hedef eksen değerleri, 'relative' için 1 ve 'percent' için% 0-100 kesirli göreli 0-1 ölçeğine göre işaretleme yapar (Not: 'percent' seçeneği kullanılırken eksen/onay değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde ekseni çizgilerinin, göreli 0-1 ölçek değerlerine "%#,##%" biçiminin uygulanmasının bir sonucudur. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak tüm değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığma yalnızca number türündeki veri değerlerini destekler ve sıfır referans değerine sahip olmalıdır.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 seri sağdan sola doğru çizer. Varsayılan olarak soldan sağa çizim yapılır.

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

Tür: boolean
Varsayılan: false
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

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

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

    Özelleştirilebilecek öğelerin daha eksiksiz 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ıdır.
  • targetAxisIndex - Bu serinin atanacağı eksen; 0 varsayılan eksen, 1 ise ters eksendir. Varsayılan değer 0'dir. Farklı eksenlere göre farklı serilerin oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.

Her biri verilen sırada seriye uygulanacak bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne dizisi belirtebilirsiniz. Örneğin, aşağıdaki iki beyan özdeştir ve ilk seriyi siyah olarak ve açıklamada yok, dördüncü seri ise kırmızı olarak ve açıklamada yok olarak tanımlar:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

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

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

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

Trend çizgileri dizi bazında belirlenir. Bu nedenle, çoğu zaman seçenekleriniz 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

Trend çizgisinin rengi (İngilizce renk adı veya onaltılık dize olarak ifade edilir).

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

type: 'polynomial' değerinin 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çıklamalarda 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 olarak değerlendirir.

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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 serisindeki renkli alanın varsayılan opaklığı. Burada 0.0 tamamen şeffaf, 1.0 tamamen opaktır. Tek bir seri için opaklığı belirtmek üzere series özelliğinde areaOpacity değerini ayarlayın.

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

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir 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 olmayan düz çizgiler.
  • 'function' - Çizginin açıları düzeltilir.
Tür:string
Varsayılan: "none"
hAxis

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken 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 değer, çoğu grafikte sola doğru olacaktır. Bu değer, verilerin minimum x değerinden daha büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğ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 olarak ayarlanırsa tüm serilerin öğelerini her bir alan değerinde toplar. Not: Google Charts, Column, Area ve SteppedArea grafiklerinde, seri öğelerinin yığılmasına daha iyi uyum sağlamak için açıklama öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu durum, Çubuk grafikleri için geçerli değildir .

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

isStacked için seçenekler:

  • false — öğeler yığınlanmaz. Bu, varsayılan seçenektir.
  • true: Her bir alan değerinde tüm serilerin öğelerini yığınlar.
  • 'percent': Tüm seriler için öğeleri her bir alan değerinde yığınlar ve bunları toplamı %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerinde tüm seriler için öğeleri yığınlar ve bunları toplamaları 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesiri olarak hesaplanır.
  • 'absolute', isStacked: true ile aynı şekilde çalışır.

%100 yığma için her öğe için hesaplanan değer, ipucunda gerçek değerinden sonra gösterilir.

Varsayılan olarak, hedef eksen değerleri, 'relative' için 1 ve 'percent' için% 0-100 kesirli göreli 0-1 ölçeğine göre işaretleme yapar (Not: 'percent' seçeneği kullanılırken eksen/onay değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde ekseni çizgilerinin, göreli 0-1 ölçek değerlerine "%#,##%" biçiminin uygulanmasının bir sonucudur. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak tüm değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığma yalnızca number türündeki veri değerlerini destekler ve sıfır referans değerine sahip olmalıdır.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

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

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

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

Tür: number
Varsayılan: 2
pointShape

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österilen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfır kullanın. series özelliğini kullanarak her bir serinin değerlerini geçersiz kılabilirsiniz. Trend çizgisi kullanıyorsanız pointSize seçeneği, trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece trend çizgisinin genişliğini etkiler.

Tür: number
Varsayılan: 0
reverseCategories

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

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

Tür: boolean
Varsayılan: false
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

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

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

    Özelleştirilebilecek öğelerin daha eksiksiz 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ıdır.
  • 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ı eksenlere göre farklı serilerin oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • type - Bu serinin işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea" şeklindedir. Ç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şine sahip olması gerektiğini, false ise bunun olmaması gerektiğini ifade eder. true varsayılandır.

Her biri verilen sırada seriye uygulanacak bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne dizisi belirtebilirsiniz. Örneğin, aşağıdaki iki beyan özdeştir ve ilk seriyi siyah olarak ve açıklamada yok, dördüncü seri ise kırmızı olarak ve açıklamada yok olarak tanımlar:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 olarak değerlendirir.

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

Tür: number
Varsayılan: auto

Gösterge yapılandırma seçenekleri

Ad
greenColor

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

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

Yeşil renkle işaretlenmiş bir aralık için en düşük değerdir.

Tür: number
Varsayılan: yok
greenTo

Yeşil renkle işaretlenmiş bir aralık için en yüksek değerdir.

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

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: Kapsayıcının genişliği
maks.

Y ekseninde gösterilecek maksimum değer. Maksimum veri noktası bu değeri aşarsa bu ayar yoksayılır ve grafik, maksimum veri noktasının üzerindeki bir sonraki büyük onay işaretini gösterecek şekilde ayarlanır. Bu, scaleType tarafından belirlenen maksimum Y eksenine göre önceliklidir.

Bu, temel grafiklerdeki maxValue ile benzerdir.

Tür: number
Varsayılan: otomatik
dak

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

Bu, temel grafiklerdeki minValue ile benzerdir.

Tür: number
Varsayılan: otomatik
redColor

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

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

Kırmızı renkle işaretlenmiş bir aralı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ık için en düşük değerdir.

Tür: number
Varsayılan: yok
yellowTo

Sarı renkle işaretlenmiş bir aralık için en yüksek değerdir.

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 (örneğin: 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Coğrafi grafikte veri noktaları için konum (ör. 'US') mevcut ancak değer null veya belirtilmemiş. Bu renk, veri eksik olduğunda kullanılan renk olan datalessRegionColor'den farklıdır.

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

Bunun 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 grafikte bölgeleri renklendirin.
  • 'markers' - Bölgelere işaretçiler yerleştirin.
  • 'text' - Bölgeleri DataTable'daki metinle etiketleyin.
Tür: string
Varsayılan: "auto"
yükseklik

Grafiğin piksel cinsinden yüksekliği.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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. Nesne şu biçimdedir:

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

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

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

Coğrafi grafikte görüntülenecek alan. Çevredeki alanlar da gösterilir. Aşağıdakilerden biri olabilir:

  • 'world' - Tüm dünyanın coğrafi grafiği.
  • 3 haneli koduyla belirtilen bir kıta veya alt kıta.Ör. 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'deki 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: İçeren öğ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 (örneğin: 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

Grafik alanı içindeki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz kılavuz çizgileri arasındaki minSpacing hesaplamasında bu sayı kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 veya kılavuz çizgisi çizmemek için 0 değerini belirtebilirsiniz. Kılavuz çizgilerinin sayısını diğer seçeneklere göre 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 küçük kılavuz çizgilerini yapılandırmak için üyeler içeren bir nesne.

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken minimum alan (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa bağlı.

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğenin yüksekliği
histogram.bucketSize

Algoritmayla belirlemek yerine her bir histogram çubuğunun boyutunu sabit kodlayın.

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

Histogram blokları arasındaki ince bölümleri çıkarıp bunları bir dizi katı çubuk haline getirin.

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

Histogramın paket boyutunu hesaplarken üst ve alt kısımlardaki yüzde lastBucketPercentile değerini dikkate almayı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 olarak ayarlanırsa tüm serilerin öğelerini her bir alan değerinde toplar. Not: Google Charts, Column, Area ve SteppedArea grafiklerinde, seri öğelerinin yığılmasına daha iyi uyum sağlamak için açıklama öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu durum, Çubuk grafikleri için geçerli değildir .

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

isStacked için seçenekler:

  • false — öğeler yığınlanmaz. Bu, varsayılan seçenektir.
  • true: Her bir alan değerinde tüm serilerin öğelerini yığınlar.
  • 'percent': Tüm seriler için öğeleri her bir alan değerinde yığınlar ve bunları toplamı %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerinde tüm seriler için öğeleri yığınlar ve bunları toplamaları 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesiri olarak hesaplanır.
  • 'absolute', isStacked: true ile aynı şekilde çalışır.

%100 yığma için her öğe için hesaplanan değer, ipucunda gerçek değerinden sonra gösterilir.

Varsayılan olarak, hedef eksen değerleri, 'relative' için 1 ve 'percent' için% 0-100 kesirli göreli 0-1 ölçeğine göre işaretleme yapar (Not: 'percent' seçeneği kullanılırken eksen/onay değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde ekseni çizgilerinin, göreli 0-1 ölçek değerlerine "%#,##%" biçiminin uygulanmasının bir sonucudur. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak tüm değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığma yalnızca number türündeki veri değerlerini destekler ve sıfır referans değerine sahip olmalıdır.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 seri sağdan sola doğru çizer. Varsayılan olarak soldan sağa çizim yapılır.

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

Tür: boolean
Varsayılan: false
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklamasıdır.
  • targetAxisIndex - Bu serinin atanacağı eksen; 0 varsayılan eksen, 1 ise ters eksendir. Varsayılan değer 0'dir. Farklı eksenlere göre farklı serilerin oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişine sahip olması gerektiğini, false ise bunun olmaması gerektiğini ifade eder. true varsayılandır.

Her biri verilen sırada seriye uygulanacak bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne dizisi belirtebilirsiniz. Örneğin, aşağıdaki iki beyan özdeştir ve ilk seriyi siyah olarak ve açıklamada yok, dördüncü seri ise kırmızı olarak ve açıklamada yok olarak tanımlar:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 olarak değerlendirir.

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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: İçeren öğ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 (örneğin: 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir 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 olmayan düz çizgiler.
  • 'function' - Çizginin açıları düzeltilir.
Tür: string
Varsayılan: "none"
hAxis

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken 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 değer, çoğu grafikte sola doğru olacaktır. Bu değer, verilerin minimum x değerinden daha büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğ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çıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

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

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

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

Tür: number
Varsayılan: 2
pointShape

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österilen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfır kullanın. series özelliğini kullanarak her bir serinin değerlerini geçersiz kılabilirsiniz. Trend çizgisi kullanıyorsanız pointSize seçeneği, trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece trend çizgisinin genişliğini etkiler.

Tür: number
Varsayılan: 0
reverseCategories

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

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

Tür: boolean
Varsayılan: false
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

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

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

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

  • type - Bu serinin işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea" şeklindedir. Ç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ıdır.
  • 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ı eksenlere göre farklı serilerin oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişine sahip olması gerektiğini, false ise bunun olmaması gerektiğini ifade eder. true varsayılandır.

Her biri verilen sırada seriye uygulanacak bir nesne dizisi veya her alt öğenin hangi seri için geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne dizisi belirtebilirsiniz. Örneğin, aşağıdaki iki beyan özdeştir ve ilk seriyi siyah olarak ve açıklamada yok, dördüncü seri ise kırmızı olarak ve açıklamada yok olarak tanımlar:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 bir metin sütunu olarak değerlendirir.

Tür: boolean
trend çizgileri

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

Trend çizgileri dizi bazında belirlenir. Bu nedenle, çoğu zaman seçenekleriniz 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

Trend çizgisinin rengi (İngilizce renk adı veya onaltılık dize olarak ifade edilir).

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

type: 'polynomial' değerinin 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çıklamalarda 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 olarak değerlendirir.

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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ş şeması öğelerinin arka plan rengi.

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

Grafiğin toplam 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 (örneğin: 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir 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: İçeren öğenin yüksekliği
3D

true ise üç boyutlu bir grafik gösterir.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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österir. Deliğin yarıçapı, grafiğin yarıçapının number ç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. Nesne şu biçimdedir:

{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 seri sağdan sola doğru çizer. Varsayılan olarak soldan sağa ç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örüntülenecek 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>}
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 (örneğin: 'red' veya '#00cc00') ya da aşağıdaki özelliklere sahip bir nesne olabilir.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir 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 olmayan düz çizgiler.
  • 'function' - Çizginin açıları düzeltilir.
Tür:string
Varsayılan: "none"
hAxis

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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ıracak ö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ı içindeki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki 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 karışımı
hAxis.minorGridlines.count

minorGridlines.count seçeneği, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerini devre dışı bırakma dışında çoğunlukla kullanımdan kaldırılmıştır. Küçük kılavuz çizgilerinin sayısı artık tamamen büyük kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gereken 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 değer, çoğu grafikte sola doğru olacaktır. Bu değer, verilerin minimum x değerinden daha büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğenin yüksekliği
harita açıklamaları

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top'- Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

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

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

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

Tür: number
Varsayılan: 2
pointShape

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österilen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfır kullanın. series özelliğini kullanarak her bir serinin değerlerini geçersiz kılabilirsiniz. Trend çizgisi kullanıyorsanız pointSize seçeneği, trendlines.n.pointsize seçeneğiyle geçersiz kılmadığınız sürece trend çizgisinin genişliğini etkiler.

Tür: number
Varsayılan: 0
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklamasıdır.
  • 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şine sahip olması gerektiğini, false ise bunun olmaması gerektiğini ifade eder. true varsayılandır.

Her biri verilen sırayla seriye uygulanacak bir nesne dizisi veya her alt öğenin hangi seriye uygulandığını belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan özdeştir ve ilk seriyi siyah olarak ve açıklamada yok, dördüncü seri ise kırmızı olarak ve açıklamada yok olarak tanımlar:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 bir metin sütunu olarak değerlendirir.

Tür: boolean
trend çizgileri

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

Trend çizgileri dizi bazında belirlenir. Bu nedenle, çoğu zaman seçenekleriniz 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

Trend çizgisinin rengi (İngilizce renk adı veya onaltılık dize olarak ifade edilir).

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

type: 'polynomial' değerinin 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çıklamalarda 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 olarak değerlendirir.

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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 serisindeki renkli alanın varsayılan opaklığı. Burada 0.0 tamamen şeffaf, 1.0 tamamen opaktır. Tek bir seri için opaklığı belirtmek üzere series özelliğinde areaOpacity değerini ayarlayın.

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

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Grafik alan yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandıran üyeler içeren 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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: İçeren öğenin yüksekliği
isStacked

true olarak ayarlanırsa tüm serilerin öğelerini her bir alan değerinde toplar. Not: Google Charts, Column, Area ve SteppedArea grafiklerinde, seri öğelerinin yığılmasına daha iyi uyum sağlamak için açıklama öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu durum, Çubuk grafikleri için geçerli değildir .

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

isStacked için seçenekler:

  • false — öğeler yığınlanmaz. Bu, varsayılan seçenektir.
  • true: Her bir alan değerinde tüm serilerin öğelerini yığınlar.
  • 'percent': Tüm seriler için öğeleri her bir alan değerinde yığınlar ve bunları toplamı %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
  • 'relative': Her bir alan değerinde tüm seriler için öğeleri yığınlar ve bunları toplamaları 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'in kesiri olarak hesaplanır.
  • 'absolute', isStacked: true ile aynı şekilde çalışır.

%100 yığma için her öğe için hesaplanan değer, ipucunda gerçek değerinden sonra gösterilir.

Varsayılan olarak, hedef eksen değerleri, 'relative' için 1 ve 'percent' için% 0-100 kesirli göreli 0-1 ölçeğine göre işaretleme yapar (Not: 'percent' seçeneği kullanılırken eksen/onay değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde ekseni çizgilerinin, göreli 0-1 ölçek değerlerine "%#,##%" biçiminin uygulanmasının bir sonucudur. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak tüm değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Uygun hAxis/vAxis seçeneklerini kullanarak kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi özelleştirebilirsiniz.

%100 yığma yalnızca number türündeki veri değerlerini destekler ve sıfır referans değerine sahip olmalıdır.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyeler 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 bir seri olmaması koşuluyla, grafiğin solunda. Açıklamanın solda olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in' - Grafiğin içinde, sol üst köşede.
  • 'none' - Açıklama gösterilmez.
  • 'right' - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
  • 'top' - Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 seri sağdan sola doğru çizer. Varsayılan olarak soldan sağa çizim yapılır.

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

Tür: boolean
Varsayılan: false
series

Her biri grafikteki 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. Bir seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • areaOpacity - Bu seri için genel areaOpacity öğesini geçersiz kılar.
  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • type - Bu serinin işaretçi türü. Geçerli değerler "line", "area", "bars" ve "steppedArea" şeklindedir. Ç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ıdır.
  • 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ı eksenlere göre farklı serilerin oluşturulduğu bir grafik tanımlamak için 1 olarak ayarlayın. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı bir ölçek tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri. Burada true, serinin bir açıklama girişine sahip olması gerektiğini, false ise bunun olmaması gerektiğini ifade eder. true varsayılandır.

Her biri verilen sırada seri için geçerli olan bir nesne dizisi veya her alt öğenin hangi serinin geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne dizisi belirtebilirsiniz. Örneğin, aşağıdaki iki bildirim özdeştir. İlk seriyi siyah ve açıklamada yok, dördüncü seriyi kırmızı ve açıklamada yok olarak tanımlayabilirsiniz:

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

Grafik başlığının altında görüntülenecek 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 seçenek değerleri grubudur. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını en üst düzeye çıkarır ve göstergeyi ve tüm etiketleri grafik alanı içine çizer.
Tür: string
Varsayılan: null
başlık

Grafiğin üzerinde görüntülenecek metin.

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 bir metin sütunu olarak değerlendirir.

Tür: boolean
useFirstColumnAsDomain

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

Tür: boolean
vAxes

Grafiğin birden fazla dikey eksen varsa bağımsız 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ün genel ayarlarını geçersiz kılar.

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

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

Bu özellik, bir nesne veya bir 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 nesne dizisidir. Örneğin, aşağıdaki dizi stili 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: Nesne veya alt nesneler içeren nesne
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeler içeren 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. Düşük değerler varsayılan olarak grafiğin en altındadı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ıran üyeler içeren 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ı içindeki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

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

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

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

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

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

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

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

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

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

Grafik alanı içindeki dikey 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 karışımı
vAxis.minorGridlines.count

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

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

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

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

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

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

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

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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ığı metin stilini belirten bir nesne. Nesne şu biçimdedir:

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

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca 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 sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarılmış" olduğunda yoksayılır.

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

Oluşturulacak minimum sektör veri değeri.

vAxis.viewWindowMode "güzel" veya "en üst düzeye çıkarı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: İçeren öğenin genişliği

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

Ad
alternatingRowStyle

Tek ve çift satırlara alternatif bir renk stilinin atanıp atanamayacağını belirler.

Tür: boolean
Varsayılan: true
yükseklik

Grafiğin piksel cinsinden yüksekliği.

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

Veriler arasında sayfalandırmanın etkinleştirilip etkinleştirilmediği ve nasıl etkinleştirileceği. 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 sayfalama işlemi gerçekleştirilir ve görüntülenen sayfa değiştirilir. pageSize seçeneğini de ayarlayabilirsiniz.
  • 'event' - Tabloda, ileri ve geri sayfa düğmeleri bulunur ancak bu düğmeler tıklandığında 'page' etkinliği tetiklenir ve görüntülenen sayfa değiştirilmez. Kod kendi sayfa çevirme mantığını uyguladığında bu seçenek kullanılmalıdır. Sayfalandırma etkinliklerinin manuel olarak nasıl işleneceğine dair örnek için TableQueryWrapper örneğine bakın.
  • 'disable' - [Varsayılan] Sayfalama desteklenmez.
  • Tür: string
    Varsayılan: 'disable'
pageSize

Sayfa seçeneği ile sayfalama etkinleştirildiğinde her bir sayfadaki satır sayısı.

Tür: number
Varsayılan: 10
showRowNumber

true olarak ayarlanırsa tablonun ilk sütunu olarak satır numarasını 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ıralanması 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ıkları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ıklarında bir 'sort' etkinliği tetiklenir, ancak satırlar otomatik olarak sıralanmaz. Sayfa kendi sıralamasını uyguladığında bu seçenek kullanılmalıdır. Etkinliklerin manuel olarak nasıl işleneceğini gösteren ö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 dizini. Tablonun başlangıçta sıralandığı dizin. Sütun, sıralama düzenini gösteren küçük bir okla gösterilir.

Tür: number
Varsayılan: -1
genişlik

Grafiğin piksel cinsinden genişliği.

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

Zaman çizelgesi yapılandırma seçenekleri

Ad
backgroundColor

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

Tür: string veya object
Varsayılan: 'white'
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir 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: İçeren öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

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

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

Ad
headerColor

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

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

Sütun 3 değeri maxColorValue olan bir dikdörtgenin rengi. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #00dd00
maxDepth

Geçerli görünümde gösterilecek maksimum düğüm düzeyi sayısı. Seviyeler, mevcut düzlemde birleştirilir. Ağacınızın bundan daha fazla seviyesi varsa bunları görmek için yukarı veya aşağı ilerlemeniz gerekir. Ayrıca, bunun altında yer alan maxPostDepth düzeyi, bu düğümler içinde gölgeli dikdörtgenler olarak görebilirsiniz.

Tür: number
Varsayılan: 1
maxPostDepth

maxDepth dışında yer alan ve "ipucu" olarak gösterilecek düğüm seviyesi sayısı. İpucu olan düğümler, maxDepth sınırı dahilinde bir düğüm içinde gölgeli dikdörtgenler olarak gösterilir.

Tür: number
Varsayılan: 0
midColor

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

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

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

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

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

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

Grafik başlığının altında görüntülenecek 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 bkz. fontName ve fontSize.

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

Grafiğin üzerinde görüntülenecek metin.

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

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

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

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

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