Grafik yapılandırma seçenekleri

Grafik Türleri

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

Ad
renkler

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

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

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

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

Tür: boolean
Varsayılan: true
displayZoomButtons

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

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

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

Bu, temel grafiklerdeki maxValue verilerine benzer.

Tür: number
Varsayılan: auto
dk

Y ekseninde gösterilecek minimum değer. Minimum veri noktası bu değerden küçükse bu ayar yoksayılır ve grafik bir sonraki büyük işareti gösterecek şekilde ayarlanır işaretini kaldırın. Bu, Y ekseni minimum değerine göre önceliklidir scaleType tarafından belirlendi.

Temel grafiklerdeki minValue verilerine benzer.

Tür: number
Varsayılan: auto

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

Ad
areaOpacity

Alan grafiği serisinin altındaki renkli alanın varsayılan opaklığı. Burada 0.0 tamamen şeffaf ve 1.0 tamamen opak. Şunun için opaklığı belirtmek için: tek bir seri için series özelliğinde areaOpacity değerini ayarlayın.

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

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

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

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

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm eksi işareti koymaz). 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 adım sağa grafiklerdir. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

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

Yatay eksenin minimum değerini belirtilen değere taşır; bu grafiklerdir. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum yatay veri değeri.

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

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

Oluşturulacak minimum yatay veri değeri.

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

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

Grafiğin piksel cinsinden yüksekliği.

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

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

Bu özellik, şunlar tarafından desteklenmez: Şu alanları içeren Alan grafikleri: isStacked: true/'percent'/'relative'/'absolute' seçeneği.

Tür: boolean
Varsayılan: false
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Area ve SteppedArea grafikleri, Google Grafikler, gösterge öğelerinin sırasını değiştirerek seri öğeleri (ör. seri 0, en alttaki açıklama öğesi olacaktır). Bu şunlar için geçerli değildir : Çubuk Grafikler.

isStacked seçeneği, öğe yığınlarının gösterildiği% 100 yığınlamayı da destekler. her alan değeri %100'e eşit olacak şekilde yeniden ölçeklendirilir.

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

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

%100 yığın oluşturmada, her öğenin hesaplanan değeri ipucunda ondan sonra görünür. gerçek değerdir.

Hedef eksen varsayılan olarak, kesirli göreli 0-1 ölçeğine bağlı olarak değerleri işaretler 'relative' için 1 ve 'percent' için% 0-100 (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak görüntülenir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki çizgilerin "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. - göreceli 0-1 ölçek değerleri. isStacked: 'percent' uygulamasını kullanırken şunların bulunduğundan emin olun: göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirtin). URL'nin kılavuz çizgilerini/kene değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak belirleyin.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve referans değer sıfırdır.

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

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

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

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

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

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

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

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

Piksel cinsinden veri çizgisi genişliği. Tüm çizgileri gizlemek ve yalnızca noktaları göstermek için sıfırı kullanın. Şunları yapabilirsiniz: 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'. Görüntüleyin puan belgelerini inceleyin.

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

Görüntülenen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfırı kullanın. Değerleri geçersiz kılabilir, series özelliğini kullanarak bağımsız seriler için geçerlidir.

Tür: number
Varsayılan: 0
reverseCategories

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

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Varsayılanı kullanmak için değerleri görmek istiyorsanız boş bir nesne ({}) belirtin. Bir seri veya değer belirtilmemişse genel değer oluşturmak için kullanılır. Her nesne aşağıdaki özellikleri destekler:

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

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

    Yapabileceklerinizin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın. özelleştirilmiş.

  • areaOpacity - Bu seri için genel areaOpacity öğesini geçersiz kılar.
  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • lineDashStyle - Bunun için genel lineDashStyle değerini geçersiz kılar seri.
  • lineWidth - Bu seri için genel lineWidth değerini geçersiz kılar.
  • pointShape - Bunun için genel pointShape değerini geçersiz kılar seri.
  • pointSize - Bu seri için genel pointSize değerini geçersiz kılar.
  • pointsVisible - Bunun için genel pointsVisible değerini geçersiz kılar seri.
  • targetAxisIndex - Bu serinin atanacağı eksen (burada 0 varsayılan değerdir) 1 karşıt eksendir. Varsayılan değer: 0; 1 olarak ayarlanmış farklı eksenlerde farklı seriler oluşturulur. En az bir seri ayrılmalıdır eksende yavaşlayacaktır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri; burada true, serinin bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.

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

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

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

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

Başlık metin stilini belirten bir nesne.

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

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

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

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

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

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

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

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

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

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

Tür: boolean
useFirstColumnAsDomain

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

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

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

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

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

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

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

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

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

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

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

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

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

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

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

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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 olabilir örneğin: 'red' veya '#00cc00' ya da şunlara sahip bir nesne: özellikler.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Grafikte birden fazla yatay varsa tek tek yatay eksenlerin özelliklerini belirtir baltalar. Her alt nesne bir hAxis nesnesidir ve tüm özellikleri içerebilir hAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden fazla yatay eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından hAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, 1 serisini alt eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

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

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen hAxis nesnesiyle aynı:

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

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

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

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

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm eksi işareti koymaz). 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 adım sağa grafiklerdir. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

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

Yatay eksenin minimum değerini belirtilen değere taşır; bu grafiklerdir. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum yatay veri değeri.

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

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

Oluşturulacak minimum yatay veri değeri.

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

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

Grafiğin piksel cinsinden yüksekliği.

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

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Area ve SteppedArea grafikleri, Google Grafikler, gösterge öğelerinin sırasını değiştirerek seri öğeleri (ör. seri 0, en alttaki açıklama öğesi olacaktır). Bu şunlar için geçerli değildir : Çubuk Grafikler.

isStacked seçeneği, öğe yığınlarının gösterildiği% 100 yığınlamayı da destekler. her alan değeri %100'e eşit olacak şekilde yeniden ölçeklendirilir.

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

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

%100 yığın oluşturmada, her öğenin hesaplanan değeri ipucunda ondan sonra görünür. gerçek değerdir.

Hedef eksen varsayılan olarak, kesirli göreli 0-1 ölçeğine bağlı olarak değerleri işaretler 'relative' için 1 ve 'percent' için% 0-100 (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak görüntülenir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki çizgilerin "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. - göreceli 0-1 ölçek değerleri. isStacked: 'percent' uygulamasını kullanırken şunların bulunduğundan emin olun: göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirtin). URL'nin kılavuz çizgilerini/kene değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak belirleyin.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve referans değer sıfırdır.

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

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

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

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

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

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

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

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

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

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
seri

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

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

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

    Yapabileceklerinizin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın. özelleştirilmiş.

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin atanacağı eksen (burada 0 varsayılan değerdir) 1 karşıt eksendir. Varsayılan değer: 0; 1 olarak ayarlanmış farklı eksenlerde farklı seriler oluşturulur. En az bir seri ayrılmalıdır eksende yavaşlayacaktır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri (burada true, serinin olması gerektiği anlamına gelir) bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.

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

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

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

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

Başlık metin stilini belirten bir nesne.

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

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

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

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

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

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

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

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

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

Ekranlar trend çizgileri 'nı inceleyin. destekleyici grafiklerde gösterilebilir. Varsayılan olarak linear trend çizgisi kullanılır, ancak bu trendlines.n.type seçeneğiyle özelleştirilebilir.

Trend çizgileri seri bazında belirtilir. Dolayısıyla seçenekleriniz çoğunlukla aşağıdaki gibidir:

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

renk trend çizgisi , İngilizce renk adı veya onaltılık dize olarak ifade edilir.

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

Örneğin, trend çizgileri 'nı inceleyin. polinomun derecesi (type: 'polynomial' için 2) ikinci dereceden, kübik için 3 vb.) girin.

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

Ayarlandığında trend çizgisi 'nı inceleyin. göstergede bu dize olarak görünür.

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

Çalışma düzeninin çizgi genişliği trend çizgisi şeklinde gösterilir.

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

İster trend çizgileri 'nı inceleyin. 'linear' (varsayılan), 'exponential' veya 'polynomial'.

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

İster trend çizgisi 'nı inceleyin. denklemde görünür. Trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

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

Tür: boolean
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

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

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

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

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

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

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

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

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

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

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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 olabilir örneğin: 'red' veya '#00cc00' ya da şunlara sahip bir nesne: özellikler.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Balonların görsel özelliklerini yapılandıran üyelere sahip bir nesne.

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

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

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

Balonların rengi çizgi.

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

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

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

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

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

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

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

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

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm eksi işareti koymaz). 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 adım sağa grafiklerdir. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

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

Yatay eksenin minimum değerini belirtilen değere taşır; bu grafiklerdir. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum yatay veri değeri.

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

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

Oluşturulacak minimum yatay veri değeri.

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

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

Grafiğin piksel cinsinden yüksekliği.

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

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

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

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

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

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

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

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

Anahtarların seri adları olduğu (Renk sütunundaki değerler) bir nesne nesnesi ve grafikteki karşılık gelen serinin biçimini açıklayan her nesne. seri veya bir değer belirtilmediğinde 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 olması gerektiği anlamına gelir) bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.
Örnek:
series: {'Europe': {color: 'green'}}
Tür: İç içe yerleştirilmiş nesneler içeren nesne
Varsayılan: {}
sizeAxis

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

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

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

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

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

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

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

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

Başlık metin stilini belirten bir nesne.

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

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

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

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

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

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

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

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

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

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

Tür: boolean
useFirstColumnAsDomain

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

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

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

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

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

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

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

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

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

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

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

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

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

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

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

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto

Takvim yapılandırma seçenekleri

Ad
yükseklik

Grafiğin piksel cinsinden yüksekliği.

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

Grafiğin piksel cinsinden genişliği.

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

Şamdan grafik yapılandırma seçenekleri

Ad
backgroundColor

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

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

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

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm eksi işareti koymaz). 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 adım sağa grafiklerdir. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

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

Yatay eksenin minimum değerini belirtilen değere taşır; bu grafiklerdir. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum yatay veri değeri.

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

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

Oluşturulacak minimum yatay veri değeri.

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

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

Grafiğin piksel cinsinden yüksekliği.

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

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

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

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

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

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

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

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

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

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
seri

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

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • fallingColor.fill - Genel Bu seri için candlestick.fallingColor.fill değer.
  • fallingColor.stroke - Genel Bu seri için candlestick.fallingColor.stroke değer.
  • fallingColor.strokeWidth - Genel Bu seri için candlestick.fallingColor.strokeWidth değer.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • risingColor.fill - Genel Bu seri için candlestick.risingColor.fill değer.
  • risingColor.stroke - Genel Bu seri için candlestick.risingColor.stroke değer.
  • risingColor.strokeWidth - Genel Bu seri için candlestick.risingColor.strokeWidth değer.
  • targetAxisIndex - Bu serinin atanacağı eksen (burada 0 varsayılan değerdir) 1 karşıt eksendir. Varsayılan değer: 0; 1 olarak ayarlanmış farklı eksenlerde farklı seriler oluşturulur. En az bir seri ayrılmalıdır eksende yavaşlayacaktır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri (burada true, serinin olması gerektiği anlamına gelir) bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.

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

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

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

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

Başlık metin stilini belirten bir nesne.

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

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

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

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

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

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

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

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

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

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

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

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

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

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

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

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

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

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

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

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

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

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

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

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

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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 olabilir örneğin: 'red' veya '#00cc00' ya da şunlara sahip bir nesne: özellikler.

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

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

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

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm eksi işareti koymaz). 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 adım sağa grafiklerdir. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

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

Yatay eksenin minimum değerini belirtilen değere taşır; bu grafiklerdir. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum yatay veri değeri.

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

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

Oluşturulacak minimum yatay veri değeri.

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

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

Grafiğin piksel cinsinden yüksekliği.

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

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Area ve SteppedArea grafikleri, Google Grafikler, gösterge öğelerinin sırasını değiştirerek seri öğeleri (ör. seri 0, en alttaki açıklama öğesi olacaktır). Bu şunlar için geçerli değildir : Çubuk Grafikler.

isStacked seçeneği, öğe yığınlarının gösterildiği% 100 yığınlamayı da destekler. her alan değeri %100'e eşit olacak şekilde yeniden ölçeklendirilir.

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

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

%100 yığın oluşturmada, her öğenin hesaplanan değeri ipucunda ondan sonra görünür. gerçek değerdir.

Hedef eksen varsayılan olarak, kesirli göreli 0-1 ölçeğine bağlı olarak değerleri işaretler 'relative' için 1 ve 'percent' için% 0-100 (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak görüntülenir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki çizgilerin "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. - göreceli 0-1 ölçek değerleri. isStacked: 'percent' uygulamasını kullanırken şunların bulunduğundan emin olun: göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirtin). URL'nin kılavuz çizgilerini/kene değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak belirleyin.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve referans değer sıfırdır.

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

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

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

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

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

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

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

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

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

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
seri

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

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

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

    Yapabileceklerinizin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın. özelleştirilmiş.

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin atanacağı eksen (burada 0 varsayılan değerdir) 1 karşıt eksendir. Varsayılan değer: 0; için 1 olarak ayarlanmış farklı eksenlerde farklı seriler oluşturulur. En az bir seri ayrılmalıdır eksende yavaşlayacaktır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.

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

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

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

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

Başlık metin stilini belirten bir nesne.

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

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

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

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

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

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

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

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

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

Ekranlar trend çizgileri 'nı inceleyin. destekleyici grafiklerde gösterilebilir. Varsayılan olarak linear trend çizgisi kullanılır, ancak bu trendlines.n.type seçeneğiyle özelleştirilebilir.

Trend çizgileri seri bazında belirtilir. Dolayısıyla seçenekleriniz çoğunlukla aşağıdaki gibidir:

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

renk trend çizgisi , İngilizce renk adı veya onaltılık dize olarak ifade edilir.

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

Örneğin, trend çizgileri 'nı inceleyin. polinomun derecesi (type: 'polynomial' için 2) ikinci dereceden, kübik için 3 vb.) girin.

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

Ayarlandığında trend çizgisi 'nı inceleyin. göstergede bu dize olarak görünür.

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

Çalışma düzeninin çizgi genişliği trend çizgisi şeklinde gösterilir.

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

İster trend çizgileri 'nı inceleyin. 'linear' (varsayılan), 'exponential' veya 'polynomial'.

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

İster trend çizgisi 'nı inceleyin. denklemde görünür. Trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

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

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

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

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

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

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

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

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

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

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

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

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

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

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

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

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto

Karma grafik yapılandırma seçenekleri

Ad
areaOpacity

Alan grafiği serisinin altındaki renkli alanın varsayılan opaklığı. Burada 0.0 tamamen şeffaf ve 1.0 tamamen opak. Şunun için opaklığı belirtmek için: tek bir seri için series özelliğinde areaOpacity değerini ayarlayın.

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

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

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

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

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm eksi işareti koymaz). 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 adım sağa grafiklerdir. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

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

Yatay eksenin minimum değerini belirtilen değere taşır; bu grafiklerdir. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum yatay veri değeri.

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

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

Oluşturulacak minimum yatay veri değeri.

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

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

Grafiğin piksel cinsinden yüksekliği.

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

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

Bu özellik, şunlar tarafından desteklenmez: Şu alanları içeren Alan grafikleri: isStacked: true/'percent'/'relative'/'absolute' seçeneği.

Tür: boolean
Varsayılan: false
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Area ve SteppedArea grafikleri, Google Grafikler, gösterge öğelerinin sırasını değiştirerek seri öğeleri (ör. seri 0, en alttaki açıklama öğesi olacaktır). Bu şunlar için geçerli değildir : Çubuk Grafikler.

isStacked seçeneği, öğe yığınlarının gösterildiği% 100 yığınlamayı da destekler. her alan değeri %100'e eşit olacak şekilde yeniden ölçeklendirilir.

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

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

%100 yığın oluşturmada, her öğenin hesaplanan değeri ipucunda ondan sonra görünür. gerçek değerdir.

Hedef eksen varsayılan olarak, kesirli göreli 0-1 ölçeğine bağlı olarak değerleri işaretler 'relative' için 1 ve 'percent' için% 0-100 (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak görüntülenir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki çizgilerin "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. - göreceli 0-1 ölçek değerleri. isStacked: 'percent' uygulamasını kullanırken şunların bulunduğundan emin olun: göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirtin). URL'nin kılavuz çizgilerini/kene değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak belirleyin.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve referans değer sıfırdır.

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

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

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

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

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

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

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

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

Piksel cinsinden veri çizgisi genişliği. Tüm çizgileri gizlemek ve yalnızca noktaları göstermek için sıfırı kullanın. Şunları yapabilirsiniz: 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'. Görüntüleyin puan belgelerini inceleyin.

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

Görüntülenen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfırı kullanın. Değerleri geçersiz kılabilir, series özelliğini kullanarak bağımsız seriler için geçerlidir. Bir trendline, pointSize seçeneği, geçersiz kılmadığınız sürece trend çizgisinin genişliğini etkiler trendlines.n.pointsize seçeneği ile de yükleyebilirsiniz.

Tür: number
Varsayılan: 0
reverseCategories

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

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Varsayılanı kullanmak için değerleri görmek istiyorsanız boş bir nesne ({}) belirtin. Bir seri veya değer belirtilmemişse genel değer oluşturmak için kullanılır. Her nesne aşağıdaki özellikleri destekler:

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

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

    Yapabileceklerinizin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın. özelleştirilmiş.

  • 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 - Genel Bu seri için candlestick.fallingColor.fill değer.
  • fallingColor.stroke - Genel Bu seri için candlestick.fallingColor.stroke değer.
  • fallingColor.strokeWidth - Genel Bu seri için candlestick.fallingColor.strokeWidth değer.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • lineDashStyle - Bunun için genel lineDashStyle değerini geçersiz kılar seri.
  • lineWidth - Bu seri için genel lineWidth değerini geçersiz kılar.
  • pointShape - Bunun için genel pointShape değerini geçersiz kılar seri.
  • pointSize - Bu seri için genel pointSize değerini geçersiz kılar.
  • pointsVisible - Bunun için genel pointsVisible değerini geçersiz kılar seri.
  • risingColor.fill - Genel Bu seri için candlestick.risingColor.fill değer.
  • risingColor.stroke - Genel Bu seri için candlestick.risingColor.stroke değer.
  • risingColor.strokeWidth - Genel Bu seri için candlestick.risingColor.strokeWidth değer.
  • targetAxisIndex - Bu serinin atanacağı eksen (burada 0 varsayılan değerdir) 1 karşıt eksendir. Varsayılan değer: 0; 1 olarak ayarlanmış farklı eksenlerde farklı seriler oluşturulur. En az bir seri ayrılmalıdır eksende yavaşlayacaktır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • type - Bu seriye ait işaretçi türü. Geçerli değerler 'line', 'area', "bars" ve "steppedArea" olarak da adlandırılır. Çubukların aslında dikey çubuklar olduğunu unutmayın (sütunlar). Varsayılan değer, grafiğin seriesType seçeneği ile belirlenir.
  • visibleInLegend - boolean değeri (burada true, serinin olması gerektiği anlamına gelir) bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.

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

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

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

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

Başlık metin stilini belirten bir nesne.

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

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

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

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

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

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

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

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

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

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

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

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

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

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

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

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

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

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

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

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

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

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

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

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

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto

Gösterge yapılandırma seçenekleri

Ad
greenColor

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

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

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

Tür: number
Varsayılan: yok
greenTo

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

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

Grafiğin piksel cinsinden yüksekliği.

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

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

Bu, temel grafiklerdeki maxValue verilerine benzer.

Tür: number
Varsayılan: auto
dk

Y ekseninde gösterilecek minimum değer. Minimum veri noktası bu değerden küçükse bu ayar yoksayılır ve grafik bir sonraki büyük işareti gösterecek şekilde ayarlanır işaretini kaldırın. Bu, Y ekseni minimum değerine göre önceliklidir scaleType tarafından belirlendi.

Temel grafiklerdeki minValue verilerine benzer.

Tür: number
Varsayılan: auto
redColor

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

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

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

Tür: number
Varsayılan: yok
redTo

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

Tür: number
Varsayılan: yok
genişlik

Grafiğin piksel cinsinden genişliği.

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

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

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

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

Tür: number
Varsayılan: yok
yellowTo

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

Tür: number
Varsayılan: yok

Coğrafi grafik yapılandırma seçenekleri

Ad
backgroundColor

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

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

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

Konum şu durumlarda coğrafi grafikteki veri noktaları için kullanılacak renk: (ör. 'US') mevcut, ancak değer null veya belirtilmemiş. Bu, renk olan datalessRegionColor ürününden farklıdır veri eksik olduğunda kullanılır.

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

Bunun ne tür coğrafi grafik olduğu. DataTable biçimi, belirtilen değerle eşleşmelidir. İlgili içeriği oluşturmak için kullanılan şu değerler desteklenir:

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

Grafiğin piksel cinsinden yüksekliği.

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

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

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

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

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

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

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

  • 'world' - Tüm dünyanın coğrafi grafiği.
  • Kendisiyle belirtilen bir kıta veya alt kıta 3 haneli kod, ör. Batı Afrika için '011'.
  • Ülke, ISO 3166-1 alpha-2 kodu, ör. Avustralya için 'AU'.
  • ABD’de bulunan, ISO 3166-2:US kodu, ör. Alabama için 'US-AL'. resolution seçeneğinin şunlardan birine ayarlanması gerektiğini unutmayın: 'provinces' veya 'metros'.
Tür: string
Varsayılan: 'world'
genişlik

Grafiğin piksel cinsinden genişliği.

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

Histogram yapılandırma seçenekleri

Ad
backgroundColor

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

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

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

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

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

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

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum yatay veri değeri.

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

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

Oluşturulacak minimum yatay veri değeri.

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

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

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
histogram.bucketSize

Her bir histogram çubuğunun belirlenmesine izin vermek yerine boyutunu sabit bir şekilde kodlayın inceleyeceğiz.

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

Histogram blokları arasındaki ince bölmeleri çıkararak bir dizi yapıya dönüştürün kesintisiz çubuklar.

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

Histogramın veri grubu boyutunu hesaplarken, üst ve alt kısımları dikkate almayın Yüzde lastBucketPercentile. Değerler histograma dahil edilir ancak paketlemeyi etkilemez.

Tür: number
Varsayılan: 0
interpolateNulls

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

Bu özellik, şunlar tarafından desteklenmez: Şu alanları içeren Alan grafikleri: isStacked: true/'percent'/'relative'/'absolute' seçeneği.

Tür: boolean
Varsayılan: false
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Area ve SteppedArea grafikleri, Google Grafikler, gösterge öğelerinin sırasını değiştirerek seri öğeleri (ör. seri 0, en alttaki açıklama öğesi olacaktır). Bu şunlar için geçerli değildir : Çubuk Grafikler.

isStacked seçeneği, öğe yığınlarının gösterildiği% 100 yığınlamayı da destekler. her alan değeri %100'e eşit olacak şekilde yeniden ölçeklendirilir.

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

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

%100 yığın oluşturmada, her öğenin hesaplanan değeri ipucunda ondan sonra görünür. gerçek değerdir.

Hedef eksen varsayılan olarak, kesirli göreli 0-1 ölçeğine bağlı olarak değerleri işaretler 'relative' için 1 ve 'percent' için% 0-100 (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak görüntülenir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki çizgilerin "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. - göreceli 0-1 ölçek değerleri. isStacked: 'percent' uygulamasını kullanırken şunların bulunduğundan emin olun: göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirtin). URL'nin kılavuz çizgilerini/kene değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak belirleyin.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve referans değer sıfırdır.

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

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

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

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

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

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

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

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

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

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Kullanılacak bir seri için varsayılan değerler kullanıyorsanız boş bir nesne ({}) belirtin. Bir seri veya değer belirtilmemişse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • targetAxisIndex - Bu serinin atanacağı eksen (burada 0 varsayılan değerdir) 1 karşıt eksendir. Varsayılan değer: 0; 1 olarak ayarlanmış farklı eksenlerde farklı seriler oluşturulur. En az bir seri ayrılmalıdır eksende yavaşlayacaktır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri (burada true, serinin olması gerektiği anlamına gelir) bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.

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

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

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

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

Başlık metin stilini belirten bir nesne.

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

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

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

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

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

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

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

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

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

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

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

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

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

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

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

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

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

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

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

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

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

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

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

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

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

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

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

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

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto
genişlik

Grafiğin piksel cinsinden genişliği.

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

Çizgi grafik yapılandırma seçenekleri

Ad
backgroundColor

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

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

HTML renk dizesi olarak grafik dolgu rengi.

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

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Grafik alanı yüksekliği.

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

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

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

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

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

Grafik alanı genişliği.

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

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

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

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

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

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

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

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

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

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

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

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

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

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm eksi işareti koymaz). 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 adım sağa grafiklerdir. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

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

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

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

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

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

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

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

Yatay eksenin minimum değerini belirtilen değere taşır; bu grafiklerdir. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

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

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

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

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

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

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

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

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

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

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Oluşturulacak minimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
interpolateNulls

Eksik puanların değerinin tahmin edilip edilmeyeceği. true ise komşu noktalara göre herhangi bir eksik verinin değerini belirlemek false ise çizgide bilinmeyen noktada bir boşluk bırakın.

Bu özellik, şunlar tarafından desteklenmez: Şu alanları içeren Alan grafikleri: isStacked: true/'percent'/'relative'/'absolute' seçeneği.

Tür: boolean
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Piksel cinsinden veri çizgisi genişliği. Tüm çizgileri gizlemek ve yalnızca noktaları göstermek için sıfırı kullanın. Şunları yapabilirsiniz: 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'. Görüntüleyin puan belgelerini inceleyin.

Tür: string
Varsayılan: 'circle'
pointSize

Görüntülenen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfırı kullanın. Değerleri geçersiz kılabilir, series özelliğini kullanarak bağımsız seriler için geçerlidir. Bir trendline, pointSize seçeneği, geçersiz kılmadığınız sürece trend çizgisinin genişliğini etkiler trendlines.n.pointsize seçeneği ile de yükleyebilirsiniz.

Tür: number
Varsayılan: 0
reverseCategories

true değerine ayarlanırsa serileri sağdan sola çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Bir seri için varsayılan değerleri kullanmak isterseniz boş bir nesne ({}) belirtin. Bir seri veya değer belirtilmemişse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • annotations - Bu seride ek açıklamalara uygulanacak bir nesne. Bu kontrol etmek için kullanılabilir. Örneğin, serinin textStyle öğesini kontrol edebilirsiniz:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Yapabileceklerinizin daha kapsamlı bir listesi için çeşitli annotations seçeneklerine bakın. özelleştirilmiş.

  • type - Bu seriye ait işaretçi türü. Geçerli değerler 'line', 'area', "bars" ve "steppedArea" olarak da adlandırılır. Çubukların aslında dikey çubuklar olduğunu unutmayın (sütunlar). Varsayılan değer, grafiğin seriesType seçeneği ile belirlenir.
  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • curveType - Bu seri için genel curveType değerini geçersiz kılar.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • lineDashStyle - Bunun için genel lineDashStyle değerini geçersiz kılar seri.
  • lineWidth - Bu seri için genel lineWidth değerini geçersiz kılar.
  • pointShape - Bunun için genel pointShape değerini geçersiz kılar seri.
  • pointSize - Bu seri için genel pointSize değerini geçersiz kılar.
  • pointsVisible - Bunun için genel pointsVisible değerini geçersiz kılar seri.
  • targetAxisIndex - Bu serinin atanacağı eksen (burada 0 varsayılan değerdir) 1 karşıt eksendir. Varsayılan değer: 0; 1 olarak ayarlanmış farklı eksenlerde farklı seriler oluşturulur. En az bir seri ayrılmalıdır eksende yavaşlayacaktır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri (burada true, serinin olması gerektiği anlamına gelir) bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneleri olan nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: başlık yok
subtitleTextStyle

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafiği elde etmek için birlikte çalışan, önceden tanımlanmış seçenek değerleri kümesidir veya görsel efekttir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: başlık yok
titleTextStyle

Başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true değerine ayarlanırsa grafik, sütunu metin sütunu olarak değerlendirir.

Tür: boolean
trend çizgileri

Ekranlar trend çizgileri 'nı inceleyin. destekleyici grafiklerde gösterilebilir. Varsayılan olarak linear trend çizgisi kullanılır, ancak bu trendlines.n.type seçeneğiyle özelleştirilebilir.

Trend çizgileri seri bazında belirtilir. Dolayısıyla seçenekleriniz çoğunlukla aşağıdaki gibidir:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Tür: object
Varsayılan: null
trendlines.n.color

renk trend çizgisi , İngilizce renk adı veya onaltılık dize olarak ifade edilir.

Tür: string
Varsayılan: varsayılan seri rengi
trendlines.n.degree

Örneğin, trend çizgileri 'nı inceleyin. polinomun derecesi (type: 'polynomial' için 2) ikinci dereceden, kübik için 3 vb.) girin.

Tür: number
Varsayılan: 3
trendlines.n.labelInLegend

Ayarlandığında trend çizgisi 'nı inceleyin. göstergede bu dize olarak görünür.

Tür: string
Varsayılan: null
trendlines.n.lineWidth

Çalışma düzeninin çizgi genişliği trend çizgisi , piksel cinsinden belirtilir.

Tür: number
Varsayılan: 2
trendlines.n.type

İster trend çizgileri 'nı inceleyin. 'linear' (varsayılan), 'exponential' veya 'polynomial'.

Tür: string
Varsayılan: linear
trendlines.n.visibleInLegend

İster trend çizgisi 'nı inceleyin. denklemde görünür. Trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

true değerine ayarlanırsa grafik, sütunu alan adı olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Tür: Alt nesneleri olan nesne veya nesne dizisi
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz kılavuz çizgileri arasında minSpacing hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değeri belirtebilirsiniz. veya kılavuz çizgisi çizmek için 0 tuşuna basın. Varsayılan değer olan -1 değerini belirtin. Kılavuz çizgilerinin sayısını otomatik olarak hesaplamak için diğer seçeneklere göre.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek haline getirir. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: auto
vAxis.minorGridlines

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanındaki dikey alt kılavuz çizgilerinin rengi. Geçerli bir HTML rengi belirtin dize.

Tür: string
Varsayılan: Kılavuz çizgisi ve arka plan renklerinin bir karışımı
vAxis.minorGridlines.count

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: başlık yok
vAxis.titleTextStyle

Dikey eksen başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto

Kuruluş şeması yapılandırma seçenekleri

Ad
renk

Kuruluş şeması öğelerinin arka plan rengi.

Tür: string
Varsayılan: '#edf7ff'
selectionColor

Seçilen kuruluş grafiği öğelerinin arka plan rengi.

Tür: string
Varsayılan: '#d6e9f8'
beden

Grafiğin genel boyutu. Seçenekler şunlardır: 'small', 'medium' veya 'large'.

Tür: string
Varsayılan: 'medium'

Pasta grafik yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi olabilir örneğin: 'red' veya '#00cc00' ya da şunlara sahip bir nesne: özellikler.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

HTML renk dizesi olarak grafik dolgu rengi.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanının arka plan rengi. Bir dize kullanıldığında, onaltılık dize olabilir (ör. '#fdc') veya İngilizce renk adı. Bir nesne kullanıldığında, aşağıdaki özellikler şunlar sağlanmalıdır:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanmışsa, verilen gösterimin grafik alanının etrafına bir kenarlık çizer genişliğinde (ve stroke renkte) yer almalıdır.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzakta çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML olduğu bir dize dizisi renk dizesi, örneğin: colors:['red','#004411'].

Tür: Dize dizisi
Varsayılan: varsayılan renkler
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
3D

true ise üç boyutlu bir grafik gösterir.

Tür: boolean
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

0 ile 1 arasındaysa halka grafik görüntüler. Deliğin yarıçapı şuna eşittir: Grafiğin yarıçapının number katı.

Tür: number
Varsayılan: 0
pieSliceBorderColor

Dilim kenarlıklarının rengi. Yalnızca grafik iki boyutlu olduğunda geçerlidir.

Tür: string
Varsayılan: 'white'
pieSliceText

Dilimde görüntülenen metnin içeriği. Aşağıdakilerden biri olabilir:

  • 'percentage' - Dilim boyutunun toplam içindeki yüzdesi.
  • 'value' - Dilimin nicel değeri.
  • 'label': Dilimin adı.
  • 'none' - Metin gösterilmez.
Tür: string
Varsayılan: 'percentage'
pieSliceTextStyle

Dilim metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{color: <string>, fontName: <string>, fontSize: <number>}

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true değerine ayarlanırsa serileri sağdan sola çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
slices.color

Bu dilim için kullanılacak renk.

Tür: string
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: başlık yok
subtitleTextStyle

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: başlık yok
titleTextStyle

Başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Dağılım grafiği yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi olabilir örneğin: 'red' veya '#00cc00' ya da şunlara sahip bir nesne: özellikler.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

HTML renk dizesi olarak grafik dolgu rengi.

Tür:string
Varsayılan: 'white'
chartArea

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanının arka plan rengi. Bir dize kullanıldığında, onaltılık dize olabilir (ör. '#fdc') veya İngilizce renk adı. Bir nesne kullanıldığında, aşağıdaki özellikler şunlar sağlanmalıdır:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanmışsa, verilen gösterimin grafik alanının etrafına bir kenarlık çizer genişliğinde (ve stroke renkte) yer almalıdır.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzakta çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML olduğu bir dize dizisi renk dizesi, örneğin: colors:['red','#004411'].

Tür: Dize dizisi
Varsayılan: varsayılan renkler
curveType

Çizgi genişliği sıfır olmadığında çizgilerin eğrisini kontrol eder. Aşağıdakilerden biri olabilir:

  • 'none': Eğri içermeyen düz çizgiler.
  • 'function' - Çizginin açıları düzeltilir.
Tür:string
Varsayılan: 'none'
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.gridlines

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Belirtmek için: özelliklerini kullanmak 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 eksenini seçin.

Tür: object
Varsayılan: null
hAxis.gridlines.color

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML rengi belirtin dize.

Tür: string
Varsayılan: '#CCC'
hAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz kılavuz çizgileri arasında minSpacing hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değeri belirtebilirsiniz. veya kılavuz çizgisi çizmek için 0 tuşuna basın. Varsayılan değer olan -1 değerini belirtin. Kılavuz çizgilerinin sayısını otomatik olarak hesaplamak için diğer seçeneklere göre.

Tür: number
Varsayılan: -1
hAxis.logScale

Yatay ekseni logaritmik ölçek yapan hAxis özelliği (tüm eksi işareti koymaz). 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 adım sağa grafiklerdir. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: auto
hAxis.minorGridlines

Aşağıdakine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandıran üyelere sahip bir nesne hAxis.gridlines seçeneği.

Bu seçenek yalnızca continuous eksenini seçin.

Tür: object
Varsayılan: null
hAxis.minorGridlines.color

Grafik alanındaki yatay küçük kılavuz çizgilerinin rengi. Geçerli bir HTML rengi belirtin dize.

Tür: string
Varsayılan: Kılavuz çizgisi ve arka plan renklerinin bir karışımı
hAxis.minorGridlines.count

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır bunu yapabilirsiniz. Alt kılavuz çizgilerinin sayısı artık şuna bağlı tamamen uyumlu olduğu ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ve (bkz. hAxis.minorGridlines.minSpacing).

Tür: number
Varsayılan: 1
hAxis.minValue

Yatay eksenin minimum değerini belirtilen değere taşır; bu grafiklerdir. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır. hAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: auto
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Yatay eksenin başlığını belirten hAxis özelliği.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Oluşturulacak minimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Piksel cinsinden veri çizgisi genişliği. Tüm çizgileri gizlemek ve yalnızca noktaları göstermek için sıfırı kullanın. Şunları yapabilirsiniz: 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'. Görüntüleyin puan belgelerini inceleyin.

Tür: string
Varsayılan: 'circle'
pointSize

Görüntülenen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfırı kullanın. Değerleri geçersiz kılabilir, series özelliğini kullanarak bağımsız seriler için geçerlidir. Bir trendline, pointSize seçeneği, geçersiz kılmadığınız sürece trend çizgisinin genişliğini etkiler trendlines.n.pointsize seçeneği ile de yükleyebilirsiniz.

Tür: number
Varsayılan: 0
seri

Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Kullanılacak bir seri için varsayılan değerler kullanıyorsanız boş bir nesne ({}) belirtin. Bir seri veya değer belirtilmemişse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • lineWidth - Bu seri için genel lineWidth değerini geçersiz kılar.
  • pointShape - Bunun için genel pointShape değerini geçersiz kılar seri.
  • pointSize - Bu seri için genel pointSize değerini geçersiz kılar.
  • pointsVisible - Bunun için genel pointsVisible değerini geçersiz kılar seri.
  • visibleInLegend - boolean değeri (burada true, serinin olması gerektiği anlamına gelir) bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının, hangi seriye uygulanacağını gösteren sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneleri olan nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: başlık yok
subtitleTextStyle

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafiği elde etmek için birlikte çalışan, önceden tanımlanmış seçenek değerleri kümesidir veya görsel efekttir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: başlık yok
titleTextStyle

Başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true değerine ayarlanırsa grafik, sütunu metin sütunu olarak değerlendirir.

Tür: boolean
trend çizgileri

Ekranlar trend çizgileri 'nı inceleyin. destekleyici grafiklerde gösterilebilir. Varsayılan olarak linear trend çizgisi kullanılır, ancak bu trendlines.n.type seçeneğiyle özelleştirilebilir.

Trend çizgileri seri bazında belirtilir. Dolayısıyla seçenekleriniz çoğunlukla aşağıdaki gibidir:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Tür: object
Varsayılan: null
trendlines.n.color

renk trend çizgisi , İngilizce renk adı veya onaltılık dize olarak ifade edilir.

Tür: string
Varsayılan: varsayılan seri rengi
trendlines.n.degree

Örneğin, trend çizgileri 'nı inceleyin. polinomun derecesi (type: 'polynomial' için 2) ikinci dereceden, kübik için 3 vb.) girin.

Tür: number
Varsayılan: 3
trendlines.n.labelInLegend

Ayarlandığında trend çizgisi 'nı inceleyin. göstergede bu dize olarak görünür.

Tür: string
Varsayılan: null
trendlines.n.lineWidth

Çalışma düzeninin çizgi genişliği trend çizgisi , piksel cinsinden belirtilir.

Tür: number
Varsayılan: 2
trendlines.n.type

İster trend çizgileri 'nı inceleyin. 'linear' (varsayılan), 'exponential' veya 'polynomial'.

Tür: string
Varsayılan: linear
trendlines.n.visibleInLegend

İster trend çizgisi 'nı inceleyin. denklemde görünür. Trend çizgisi ipucunda gösterilir.

Tür: boolean
Varsayılan: false
useFirstColumnAsDomain

true değerine ayarlanırsa grafik, sütunu alan adı olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Tür: Alt nesneleri olan nesne veya nesne dizisi
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz kılavuz çizgileri arasında minSpacing hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değeri belirtebilirsiniz. veya kılavuz çizgisi çizmek için 0 tuşuna basın. Varsayılan değer olan -1 değerini belirtin. Kılavuz çizgilerinin sayısını otomatik olarak hesaplamak için diğer seçeneklere göre.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek haline getirir. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: auto
vAxis.minorGridlines

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanındaki dikey alt kılavuz çizgilerinin rengi. Geçerli bir HTML rengi belirtin dize.

Tür: string
Varsayılan: Kılavuz çizgisi ve arka plan renklerinin bir karışımı
vAxis.minorGridlines.count

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: başlık yok
vAxis.titleTextStyle

Dikey eksen başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto

Basamaklı alan grafiği yapılandırma seçenekleri

Ad
areaOpacity

Alan grafiği serisinin altındaki renkli alanın varsayılan opaklığı. Burada 0.0 tamamen şeffaf ve 1.0 tamamen opak. Şunun için opaklığı belirtmek için: tek bir seri için series özelliğinde areaOpacity değerini ayarlayın.

Tür: number, 0.0- 1.0
Varsayılan: 0.3
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi olabilir örneğin: 'red' veya '#00cc00' ya da şunlara sahip bir nesne: özellikler.

Tür: string veya object
Varsayılan: 'white'
backgroundColor.fill

HTML renk dizesi olarak grafik dolgu rengi.

Tür: string
Varsayılan: 'white'
chartArea

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeler içeren nesne (grafik alanının (eksen ve göstergeler hariç olmak üzere) kendisinin çizilir. İki biçim desteklenir: sayı veya rakam ve ardından %. Basit sayı, piksel cinsinden değerdir; ardından % başına gelen bir sayı bir yüzdelik oranına. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tür: object
Varsayılan: null
chartArea.backgroundColor
Grafik alanının arka plan rengi. Bir dize kullanıldığında, onaltılık dize olabilir (ör. '#fdc') veya İngilizce renk adı. Bir nesne kullanıldığında, aşağıdaki özellikler şunlar sağlanmalıdır:
  • stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
  • strokeWidth: Sağlanmışsa, verilen gösterimin grafik alanının etrafına bir kenarlık çizer genişliğinde (ve stroke renkte) yer almalıdır.
Tür: string veya object
Varsayılan: 'white'
chartArea.height

Grafik alanı yüksekliği.

Tür: number veya string
Varsayılan: auto
chartArea.left

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.top

Grafiğin üst kenarlıktan ne kadar uzakta çizileceği.

Tür: number veya string
Varsayılan: auto
chartArea.width

Grafik alanı genişliği.

Tür: number veya string
Varsayılan: auto
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML olduğu bir dize dizisi renk dizesi, örneğin: colors:['red','#004411'].

Tür: Dize dizisi
Varsayılan: varsayılan renkler
hAxis

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Özellikleri belirtmek için 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. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

Tür: 1 veya -1
Varsayılan: 1
hAxis.textPosition

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
hAxis.textStyle

Yatay eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Yatay eksenin başlığını belirten hAxis özelliği.

Tür: string
Varsayılan: null
hAxis.titleTextStyle

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Yatay eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
hAxis.viewWindow.max

Oluşturulacak maksimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
hAxis.viewWindow.min

Oluşturulacak minimum yatay veri değeri.

hAxis.viewWindowMode, 'pretty' veya 'maximized' olduğunda yoksayılır.

Tür: number
Varsayılan: auto
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
isStacked

true değerine ayarlanırsa tüm serilerin öğelerini her bir alan adı değerinde gruplandırır. Not: Sütun, Area ve SteppedArea grafikleri, Google Grafikler, gösterge öğelerinin sırasını değiştirerek seri öğeleri (ör. seri 0, en alttaki açıklama öğesi olacaktır). Bu şunlar için geçerli değildir : Çubuk Grafikler.

isStacked seçeneği, öğe yığınlarının gösterildiği% 100 yığınlamayı da destekler. her alan değeri %100'e eşit olacak şekilde yeniden ölçeklendirilir.

isStacked için seçenekler şunlardır:

  • false — öğeler gruplandırılmaz. Bu, varsayılan seçenektir.
  • true — Her bir alan değerindeki tüm serilerin öğelerini yığınlar.
  • 'percent' — Her bir alan değerindeki ve tüm serilere ait öğeleri gruplandırır toplamları %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri şu şekilde hesaplanır: %100 olduğunu unutmayın.
  • 'relative' — Her bir alan değerindeki ve tüm serilere ait öğeleri gruplandırır toplamları 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri şu şekilde hesaplanır: kesirli olabilir.
  • 'absolute'isStacked: true ile aynı şekilde çalışır.

%100 yığın oluşturmada, her öğenin hesaplanan değeri ipucunda ondan sonra görünür. gerçek değerdir.

Hedef eksen varsayılan olarak, kesirli göreli 0-1 ölçeğine bağlı olarak değerleri işaretler 'relative' için 1 ve 'percent' için% 0-100 (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak görüntülenir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki çizgilerin "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. - göreceli 0-1 ölçek değerleri. isStacked: 'percent' uygulamasını kullanırken şunların bulunduğundan emin olun: göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirtin). URL'nin kılavuz çizgilerini/kene değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak belirleyin.

%100 yığınlama yalnızca number türündeki veri değerlerini destekler ve referans değer sıfırdır.

Tür: boolean/ string
Varsayılan: false
harita açıklamaları

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: object
Varsayılan: null
legend.position

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

  • 'bottom': Grafiğin altında.
  • 'left': Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
  • 'in': Grafiğin içinde, sol üst köşede.
  • 'none': Açıklama gösterilmez.
  • 'right': Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
  • 'top': Grafiğin üstünde.
Tür: string
Varsayılan: 'right'
legendTextStyle

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true değerine ayarlanırsa serileri sağdan sola çizer. Varsayılan olarak soldan sağa doğru çizim yapılır.

Bu seçenek yalnızca discrete major ekseni.

Tür: boolean
Varsayılan: false
seri

Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Bir seri için varsayılan değerleri kullanmak isterseniz boş bir nesne ({}) belirtin. Bir seri veya değer belirtilmemişse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

  • areaOpacity - Bu seri için genel areaOpacity öğesini geçersiz kılar.
  • color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
  • type - Bu seriye ait işaretçi türü. Geçerli değerler 'line', 'area', "bars" ve "steppedArea" olarak da adlandırılır. Çubukların aslında dikey çubuklar olduğunu unutmayın (sütunlar). Varsayılan değer, grafiğin seriesType seçeneği ile belirlenir.
  • labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
  • lineDashStyle - Bunun için genel lineDashStyle değerini geçersiz kılar seri.
  • targetAxisIndex - Bu serinin atanacağı eksen (burada 0 varsayılan değerdir) 1 karşıt eksendir. Varsayılan değer: 0; 1 olarak ayarlanmış farklı eksenlerde farklı seriler oluşturulur. En az bir seri ayrılmalıdır eksende yavaşlayacaktır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
  • visibleInLegend - boolean değeri (burada true, serinin olması gerektiği anlamına gelir) bir gösterge girişine sahip, false ise olmaması gerektiği anlamına gelir. true varsayılandır.

Her biri verilen sırayla seri için geçerli olacak bir nesne dizisi belirtebilir veya her alt yayıncının hangi seriye geçerli olduğunu belirten sayısal bir anahtara sahip olduğu bir nesneyi belirtebilirsiniz.Örneğin, aşağıdaki iki bildirim aynı olup ilk seri siyah ve göstergede yok, dördüncüsü ise kırmızı olarak ve göstergede yok olarak tanımlanmıştır:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneleri olan nesne
Varsayılan: {}
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: başlık yok
subtitleTextStyle

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema, belirli bir grafiği elde etmek için birlikte çalışan, önceden tanımlanmış seçenek değerleri kümesidir veya görsel efekttir. Şu anda yalnızca bir tema kullanılabilir:

  • 'maximized' - Grafiğin alanını büyütür, açıklamayı ve tüm etiketleri çizer kontrol edebilirsiniz.
Tür: string
Varsayılan: null
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: başlık yok
titleTextStyle

Başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true değerine ayarlanırsa grafik, sütunu metin sütunu olarak değerlendirir.

Tür: boolean
useFirstColumnAsDomain

true değerine ayarlanırsa grafik, sütunu alan adı olarak değerlendirir.

Tür: boolean
vAxes

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve tüm özellikleri içerebilir vAxis tarafından desteklenir. Bu özellik değerleri, emin olun.

Birden çok dikey eksenli bir grafik belirtmek için önce series.targetAxisIndex, ardından vAxes kullanarak ekseni yapılandırın. İlgili içeriği oluşturmak için kullanılan aşağıdaki örnek, seri 2'yi sağ eksene atar ve özel bir başlık ve metin belirtir bir stil oluşturun:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Bu özellik bir nesne veya dizi olabilir: Nesne, bir dizi nesneden oluşur. her biri tanımladığı ekseni belirten sayısal bir etikete sahiptir. Bu, yukarıda; dizi, eksen başına bir tane olmak üzere nesnelerden oluşan bir dizidir. Örneğin, aşağıdaki dizi stili notasyon, yukarıda gösterilen vAxis nesnesiyle aynı:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Tür: Alt nesneleri olan nesne veya nesne dizisi
Varsayılan: null
vAxis

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Şu özellikleri belirtmek için: nesne değişmez değer gösterimini aşağıda gösterildiği gibi kullanabilirsiniz:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: object
Varsayılan: null
vAxis.direction

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafikte yer alır. Şunu belirtmek için -1 değerini belirtin: değerleri tersine çevirin.

Tür: 1 veya -1
Varsayılan: 1
vAxis.gridlines

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Özellikleri belirtmek için 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 eksenini seçin.

Tür: object
Varsayılan: null
vAxis.gridlines.color

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Tür: string
Varsayılan: '#CCC'
vAxis.gridlines.count

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz kılavuz çizgileri arasında minSpacing hesaplamak için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değeri belirtebilirsiniz. veya kılavuz çizgisi çizmek için 0 tuşuna basın. Varsayılan değer olan -1 değerini belirtin. Kılavuz çizgilerinin sayısını otomatik olarak hesaplamak için diğer seçeneklere göre.

Tür: number
Varsayılan: -1
vAxis.logScale

true ise dikey ekseni logaritmik ölçek haline getirir. Not: Tüm değerler pozitif olmalıdır.

Tür: boolean
Varsayılan: false
vAxis.maxValue

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu zaman oluşturabilirsiniz. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Tür: number
Varsayılan: auto
vAxis.minorGridlines

Dikey eksende alt kılavuz çizgilerini yapılandırmak için kullanılan, vAxis.gridlines seçeneğini belirleyin.

Tür: object
Varsayılan: null
vAxis.minorGridlines.color

Grafik alanındaki dikey alt kılavuz çizgilerinin rengi. Geçerli bir HTML rengi belirtin dize.

Tür: string
Varsayılan: Kılavuz çizgisi ve arka plan renklerinin bir karışımı
vAxis.minorGridlines.count

İkincil kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır sayısını 0 olarak ayarlayabilirsiniz. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgileri ve gereken minimum alan.

Tür: number
Varsayılan: 1
vAxis.minValue

Dikey eksenin minimum değerini belirtilen değere taşır; bu süre içinde grafiklerdir. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Tür: number
Varsayılan: null
vAxis.textPosition

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Tür: string
Varsayılan: 'out'
vAxis.textStyle

Dikey eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Dikey eksen için bir başlık belirtir.

Tür: string
Varsayılan: başlık yok
vAxis.titleTextStyle

Dikey eksen başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Dikey eksenin kırpma aralığını belirtir.

Tür: object
Varsayılan: null
vAxis.viewWindow.max

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto
vAxis.viewWindow.min

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" olduğunda yoksayılır anahtar kelimeleri kullanabilirsiniz.

Tür: number
Varsayılan: auto
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: kapsayıcı öğenin genişliği

Tablo grafik yapılandırma seçenekleri

Ad
alternatingRowStyle

Tek ve çift satırlara alternatif renk stilinin atanıp atanmayacağını belirler.

Tür: boolean
Varsayılan: true
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
sayfa

Veriler arasında sayfalandırmanın etkinleştirilip etkinleştirilmeyeceğini ve nasıl etkinleştirileceğini. Aşağıdaki string değerlerinden birini seçin:

  • 'enable': Tablo, sayfa ileri ve sayfa geri gitmeyi içerir düğmelerini kullanın. Bu düğmeleri tıkladığınızda sayfa oluşturma işlemi gerçekleştirilir ve görüntülenen sayfayı değiştirin. pageSize seçeneğini de ayarlamak isteyebilirsiniz.
  • 'event' - Tabloda, sayfa ileri ve sayfa geri düğmeleri bulunur ancak bu düğmeler tıklanır bir 'page' etkinliği tetikler ve görüntülenen sayfayı değiştirmez. Bu seçenek, kod, kendi sayfa çevirme mantığını uyguladığında kullanılır. Bkz. TableQueryWrapper örneği başlıklı makaleyi inceleyin.
  • 'disable' - [Varsayılan] Sayfalandırma desteklenmez.
  • Tür: string
    Varsayılan: 'disable'
pageSize

Sayfa seçeneği ile sayfalandırma etkinleştirildiğinde, her bir sayfadaki satır sayısı.

Tür: number
Varsayılan: 10
showRowNumber

true değerine ayarlanırsa satır numarasını tablonun ilk sütunu olarak gösterir.

Tür: boolean
Varsayılan: false
sıralama

Kullanıcı bir sütun başlığını tıkladığında sütunların sıralanıp sıralanmayacağı ve nasıl sıralanacağı. Sıralama etkinse sortAscending ve sortColumn özelliklerini de ayarlayabilirsiniz. Aşağıdakilerden birini seçin: şu string değerler:

  • 'enable' - [Varsayılan] Kullanıcılar, tıklanan seçeneğe göre sıralamak için sütun başlıklarını tıklayabilir. sütununa girin. Kullanıcılar sütun başlığını tıkladığında, satırlar otomatik olarak sıralanır ve ve bir 'sort'etkinlik tetiklenir.
  • 'event': Kullanıcılar sütun başlığını tıkladığında bir 'sort' etkinliği tetiklenir ancak satırlar otomatik olarak sıralanmaz. Bu seçenek, kendi sıralamasını uygular. Bkz. TableQueryWrapper örneği başlıklı makaleyi inceleyin.
  • '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, artan için false azalan düzende. sortColumn belirtilmezse yoksayılır.

Tür: boolean
Varsayılan: true
sortColumn

Veri tablosundaki bir sütunun dizinidir ve tablonun başlangıçta sıralandığı sütundur. Sütun işareti, sıralama düzenini gösteren küçük bir okla işaretlenir.

Tür: number
Varsayılan: -1
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: kapsayıcı öğenin genişliği

Zaman çizelgesi yapılandırma seçenekleri

Ad
backgroundColor

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi olabilir örneğin: 'red' veya '#00cc00' ya da şunlara sahip bir nesne: özellikler.

Tür: string veya object
Varsayılan: 'white'
renkler

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML olduğu bir dize dizisi renk dizesi, örneğin: colors:['red','#004411'].

Tür: Dize dizisi
Varsayılan: varsayılan renkler
yükseklik

Grafiğin piksel cinsinden yüksekliği.

Tür: number
Varsayılan: kapsayıcı öğenin yüksekliği
genişlik

Grafiğin piksel cinsinden genişliği.

Tür: number
Varsayılan: kapsayıcı öğenin genişliği

Ağaç grafik yapılandırma seçenekleri

Ad
headerColor

Her bir düğümün başlık bölümünün rengi. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #988f86
maxColor

Sütun 3'ün değeri maxColorValue olan bir dikdörtgenin rengi. Bir HTML renk değeri.

Tür: string
Varsayılan: #00dd00
maxDepth

Geçerli görünümde gösterilecek maksimum düğüm düzeyi sayısı. Seviyeler düzleştirilir görebilirsiniz. Ağacınızda bundan daha fazla seviye varsa yukarı çıkmanız veya görebilirsiniz. Ayrıca bunun altında maxPostDepth seviyeyi de görebilirsiniz. gölgeli dikdörtgenler oluşturabilirsiniz.

Tür: number
Varsayılan: 1
maxPostDepth

maxDepth dışında "ipuçlu" özelliğinde gösterilecek düğüm düzeyi sayısı moda oluyor. İpuçlu düğümler, maxDepth limit.

Tür: number
Varsayılan: 0
midColor

maxColorValue sütunu arasında 3. sütun değerine sahip bir dikdörtgenin rengi ve minColorValue. Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #000000
minColor

Sütun 3'ün değeri minColorValue olan bir dikdörtgenin rengi. Bir HTML renk değeri.

Tür: string
Varsayılan: #dd0000
noColor

Sütun 3 için değer yoksa ve bu düğüm bir yaprak (veya yalnızca yapraklar içerir). Bir HTML renk değeri belirtin.

Tür: string
Varsayılan: #000000
alt başlık

Grafik başlığının altında gösterilecek metin.

Tür: string
Varsayılan: başlık yok
subtitleTextStyle

Başlık metin stilini belirten bir nesne.

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Başlık metin stilini belirten bir nesne. Renk herhangi bir HTML olabilir renk dizesi, örneğin: 'red' veya '#00cc00'. Ayrıca fontName ve fontSize konularına da bakın.

Tür: object
Varsayılan: {color: 'Black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Grafiğin üzerinde gösterilecek metin.

Tür: string
Varsayılan: başlık yok
titleTextStyle

Başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Tür: object
Varsayılan: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}