Genel bakış
SVG veya VML kullanılarak tarayıcıda oluşturulan bir alan grafiği. İmleci noktaların üzerine getirdiğinizde ipuçlarını görüntüler.
Basit Bir Örnek
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2013', 1000, 400],
['2014', 1170, 460],
['2015', 660, 1120],
['2016', 1030, 540]
]);
var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: '#333'}},
vAxis: {minValue: 0}
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 100%; height: 500px;"></div>
</body>
</html>
Yığma Alanları
Alan grafiği, varsayılan olarak seriyi birbirinin üzerine çizer. Bunların yerine, her bir x değerindeki veri değerlerinin toplanması için bunları üst üste yığabilirsiniz. Alan grafiğinde her serinin değeri, önceki seri değerine göre her zaman yığın halinde gösterilir. Negatif ve pozitif değerlerin bir arada kullanılması, alanların çakışmasına neden olur. interpolateNulls seçeneğinin, yığınlı alan grafikleriyle çalışmadığını unutmayın.
Sol tarafta isStacked false (varsayılan), sağ tarafta ise doğru (true) değerine ayarlanır:
Açıklama girişlerinin sırasının farklı olduğunu unutmayın. İkinci, yığınlı grafikte sıra tersine çevrilerek dizi öğelerinin yığılmasına daha uygun olması için 0 serisi alta yerleştirilir. Bu da göstergenin verilere karşılık gelmesini sağlar.
Yığınlı alan grafikleri, %100 yığınlamayı da destekler. Burada, her bir alan değerindeki öğe yığınlarının toplamı %100'e eşit olacak şekilde yeniden ölçeklendirilir. Bununla ilgili seçenekler, her bir değeri %100 olarak biçimlendiren isStacked: 'percent' ve her bir değeri 1'in kesirli bir şekilde biçimlendiren isStacked: 'relative' şeklindedir. Ayrıca, işlevsel olarak isStacked: true ile eşdeğer olan bir isStacked: 'absolute' seçeneği de mevcuttur.
Sağdaki% 100 yığınlı grafikte, onay işareti değerlerinin 1'in kesirleri halinde 0-1 arasındaki göreli ölçeğe dayalı olduğunu unutmayın.
var options_stacked = {
isStacked: true,
height: 300,
legend: {position: 'top', maxLines: 3},
vAxis: {minValue: 0}
};
var options_fullStacked = {
isStacked: 'relative',
height: 300,
legend: {position: 'top', maxLines: 3},
vAxis: {
minValue: 0,
ticks: [0, .3, .6, .9, 1]
}
};
Serilerinizden birinde, x değerlerinizden bazıları için veri olmadığını varsayalım. Örneğin yukarıdaki grafiklerde, drone'ların 2015'e kadar mevcut olmadığını, Segways'in 2014 yılında da kullanıma sunulmadığını varsayalım. Veri eksik olduğunda null değerler kullandığımızı unutmayın. Bu nedenle grafik aşağıdaki gibi görünür:
Bu süreksizlikler size hitap etmiyorsa boş değerleri sıfır yerine sıfırlayabilir ve/veya interpolateNulls seçeneğini doğru değerine ayarlayabilirsiniz:
Yükleniyor
google.charts.load paketinin adı: "corechart".
google.charts.load("current", {packages: ["corechart"]});
Görselleştirmenin sınıf adı: google.visualization.AreaChart.
var visualization = new google.visualization.AreaChart(container);
Veri Biçimi
Satırlar: Tablodaki her satır, aynı x ekseni konumuna sahip bir veri noktaları grubunu temsil eder.
Sütunlar:
| Sütun 0 | 1. Sütun | ... | N sütunu | |
|---|---|---|---|---|
| Amaç: | Satır 1 değerleri | ... | N. satır değerleri | |
| Veri Türü: | sayı | ... | sayı | |
| Rol: | alan | veri | ... | veri |
| İsteğe bağlı sütun rolleri: | ... |
Yapılandırma Seçenekleri
| Ad | |
|---|---|
| aggregationTarget |
Birden fazla veri seçiminin ipuçlarında toplanma şekli:
aggregationTarget, genellikle selectionMode ve tooltip.trigger ile birlikte kullanılır. Örneğin:
var options = {
// Allow multiple
// simultaneous selections.
selectionMode: 'multiple',
// Trigger tooltips
// on selections.
tooltip: {trigger: 'selection'},
// Group selections
// by x-value.
aggregationTarget: 'category',
};
Tür: dize
Varsayılan: 'auto'
|
| animation.duration |
Animasyonun süresi (milisaniye cinsinden). Ayrıntılar için animasyon dokümanlarına bakın. Tür: numara
Varsayılan: 0
|
| animation.easing |
Animasyona uygulanan yumuşak geçiş işlevi. Aşağıdaki seçenekler kullanılabilir:
Tür: dize
Varsayılan: 'Doğrusal'
|
| animation.startup |
Grafikteki ilk çizimde animasyonun gösterilip gösterilmeyeceğini belirler. Değer Tür: boole
Varsayılan false
|
| annotations.boxStyle |
Ek açıklamaları destekleyen grafiklerde
var options = {
annotations: {
boxStyle: {
// Color of the box outline.
stroke: '#888',
// Thickness of the box outline.
strokeWidth: 1,
// x-radius of the corner curvature.
rx: 10,
// y-radius of the corner curvature.
ry: 10,
// Attributes for linear gradient fill.
gradient: {
// Start color for gradient.
color1: '#fbf6a7',
// Finish color for gradient.
color2: '#33b679',
// Where on the boundary to start and
// end the color1/color2 gradient,
// relative to the upper left corner
// of the boundary.
x1: '0%', y1: '0%',
x2: '100%', y2: '100%',
// If true, the boundary for x1,
// y1, x2, and y2 is the box. If
// false, it's the entire chart.
useObjectBoundingBoxUnits: true
}
}
}
};
Bu seçenek şu anda alan, çubuk, sütun grafikleri, karma, çizgi ve dağılım grafikleri için desteklenmektedir. Ek Açıklama Grafiği tarafından desteklenmez. Tür: nesne
Varsayılan: null
|
| annotations.datum |
Notları destekleyen grafiklerde
annotations.datum nesnesi, Google Grafikler'in bağımsız veri öğeleri (çubuk grafikte her çubukla gösterilen değerler gibi) için sağlanan ek açıklamalarla ilgili seçimini geçersiz kılmanıza olanak tanır. Rengi annotations.datum.stem.color, gövde uzunluğunu annotations.datum.stem.length ve stili annotations.datum.style ile kontrol edebilirsiniz.
Tür: nesne
Varsayılan: renk "siyah", uzunluk 12, stil "nokta"dır.
|
| annotations.domain |
Ek notları destekleyen grafiklerde
annotations.domain nesnesi, Google Grafikler'in bir alan adı (normal bir çizgi grafikteki X ekseni gibi ana ekseni) için sağlanan ek açıklamalar için seçimini geçersiz kılmanıza olanak tanır. Rengi annotations.domain.stem.color, gövde uzunluğunu annotations.domain.stem.length ve stili annotations.domain.style ile kontrol edebilirsiniz.
Tür: nesne
Varsayılan: renk "siyah", uzunluk 5, stil "nokta"dır.
|
| annotations.highContrast |
Ek açıklamaları destekleyen grafiklerde
annotations.highContrast boole değeri, Google Grafikler'in seçtiği ek açıklama rengi seçimini geçersiz kılmanıza olanak tanır. Varsayılan olarak annotations.highContrast doğru değerini alır. Bu da Grafiklerin iyi kontrasta sahip bir ek açıklama rengi (koyu arka planda açık renk, açık arka planda koyu) seçmesine neden olur. annotations.highContrast değerini false (yanlış) değerine ayarlar ve kendi ek açıklama renginizi belirtmezseniz Google Grafikleri, ek açıklama için varsayılan seri rengini kullanır:
Tür: boole
Varsayılan: true
|
| annotations.stem |
Notları
destekleyen grafiklerde
annotations.stem nesnesi, Google Grafikler'in
kök stili için seçimini geçersiz kılmanıza olanak tanır. Rengi annotations.stem.color ile, gövde uzunluğunu da annotations.stem.length ile kontrol edebilirsiniz. Sap uzunluğu seçeneğinin 'line' stiline sahip ek açıklamalar üzerinde herhangi bir etkisinin olmadığını unutmayın: 'line' veri ek açıklamaları için gövde uzunluğu her zaman metinle aynıdır. 'line' alan adı ek açıklamaları için gövde uzunluğu ise grafiğin tamamına uygulanır.
Tür: nesne
Varsayılan: renk "siyah"tır; alan ek açıklamaları için uzunluk 5, veri ek açıklamaları için 12'dir.
|
| annotations.style |
Notları destekleyen grafiklerde
annotations.style seçeneği, Google Grafikler'in seçtiği ek açıklama türünü geçersiz kılmanıza olanak tanır. 'line' veya 'point' olabilir.
Tür: dize
Varsayılan: 'point'
|
| annotations.textStyle |
Notları destekleyen grafiklerde
annotations.textStyle nesnesi, ek açıklama metninin görünümünü kontrol eder:
var options = {
annotations: {
textStyle: {
fontName: 'Times-Roman',
fontSize: 18,
bold: true,
italic: true,
// The color of the text.
color: '#871b47',
// The color of the text outline.
auraColor: '#d799ae',
// The transparency of the text.
opacity: 0.8
}
}
};
Bu seçenek şu anda alan, çubuk, sütun grafikleri, karma, çizgi ve dağılım grafikleri için desteklenmektedir. Ek Açıklama Grafiği tarafından desteklenmez. Tür: nesne
Varsayılan: null
|
| areaOpacity |
Bir alan grafiği serisindeki renkli alanın varsayılan opaklığı. 0,0 tamamen şeffaf, 1,0 tamamen opaktır. Tek bir serinin opaklığını belirtmek için Tür: sayı, 0,0–1,0
Varsayılan: 0,3
|
| axisTitlesPosition |
Grafik alanına kıyasla eksen başlıklarının yerleştirileceği yer. Desteklenen değerler:
Tür: dize
Varsayılan: 'out'
|
| backgroundColor |
Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. Tür: dize veya nesne
Varsayılan: 'white'
|
| backgroundColor.stroke |
HTML renk dizesi olarak grafik kenarlığının rengi. Tür: dize
Varsayılan: '#666'
|
| backgroundColor.strokeWidth |
Piksel cinsinden kenarlık genişliği. Tür: numara
Varsayılan: 0
|
| backgroundColor.fill |
HTML renk dizesi olarak grafik dolgu rengi. Tür: dize
Varsayılan: 'white'
|
| chartArea |
Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: Tür: nesne
Varsayılan: null
|
| chartArea.backgroundColor |
Grafik alanının arka plan rengi. Kullanılan dizeler onaltılık dize (ör. "#fdc") veya İngilizce renk adı. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
Tür: dize veya nesne
Varsayılan: 'white'
|
| chartArea.left |
Grafiğin sol kenarlıktan ne kadar uzağa çizileceği. Tür: sayı veya dize
Varsayılan: auto
|
| chartArea.top |
Grafiğin üst kenarlıktan ne kadar uzakta çizileceği. Tür: sayı veya dize
Varsayılan: auto
|
| chartArea.width |
Grafik alanı genişliği. Tür: sayı veya dize
Varsayılan: auto
|
| chartArea.height |
Grafik alanı yüksekliği. Tür: sayı veya dize
Varsayılan: auto
|
| renkler |
Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dize dizisi. Örneğin: Tür: Dize dizisi
Varsayılan: varsayılan renkler
|
| artı işareti |
Grafik için artı özelliklerini içeren bir nesne. Tür: nesne
Varsayılan: null
|
| crosshair.color |
Bir renk adı (ör. "mavi") veya RGB değeri (ör. "#adf"). Tür: dize
Tür: varsayılan
|
| crosshair.focused |
Odaklanıldığında artı işareti özelliklerini içeren bir nesne. Tür: nesne
Default: default
|
| crosshair.opacity |
Tür: numara
Varsayılan: 1.0
|
| crosshair.orientation |
Çapraz yön, yalnızca dikey saçlar için "dikey", yalnızca yatay saçlar için "yatay" veya geleneksel artı işaretleri için "her ikisi" olabilir. Tür: dize
Varsayılan: "her ikisi"
|
| crosshair.selected |
Seçildiğinde artı özelliklerini içeren bir nesne. Tür: nesne
Default: default
|
| crosshair.trigger |
Artı işaretinin gösterileceği zaman: Tür: dize
Varsayılan: "her ikisi"
|
| dataOpacity |
1.0 tamamen opak ve 0.0 tamamen şeffaf olmak üzere veri noktalarının şeffaflığı. Dağılım, histogram, çubuk ve sütun grafiklerinde bu, görünür verileri ifade eder: dağılım grafiğindeki noktalar ve diğerlerinde dikdörtgenler. Çizgi ve alan grafikleri gibi veri seçiminin nokta oluşturduğu grafiklerde bu, fareyle üzerine gelindiğinde veya seçim yapıldığında görünen daireleri ifade eder. Karma grafik her iki davranışı da gösterir ve bu seçeneğin diğer grafikler üzerinde herhangi bir etkisi yoktur. (Trend çizgisinin opaklığını değiştirmek için trend çizgisinin opaklığı bölümünü inceleyin.) Tür: numara
Varsayılan: 1.0
|
| enableInteractivity |
Grafiğin kullanıcı tabanlı etkinlikler yayınlaması veya kullanıcı etkileşimine tepki verip vermemesi. False (yanlış) değerine ayarlanırsa grafik, "select" ya da diğer etkileşime dayalı etkinlikleri bildirmez (ancak "hazır" veya hata etkinlikleri ayarlamaz) ve fareyle üzerine gelindiğinde görüntülenen metni görüntülemez veya kullanıcı girişine bağlı olarak başka bir şekilde değişmez. Tür: boole
Varsayılan: true
|
| kaşif |
Bu özellik deneme aşamasındadır ve gelecekteki sürümlerde değişebilir. Not: Gezgin yalnızca kesintisiz eksenlerle (sayılar veya tarihler gibi) çalışır. Tür: nesne
Varsayılan: null
|
| explorer.actions |
Google Grafikler gezgini üç işlemi destekler:
Tür: Dize dizisi
Varsayılan: ['dragToPan', 'rightClickToReset']
|
| explorer.axis |
Varsayılan olarak, Tür: dize
Varsayılan: Hem yatay hem de dikey kaydırma
|
| explorer.keepInBounds |
Varsayılan olarak, kullanıcılar verilerin nerede olduğundan bağımsız olarak yatay kaydırma yapabilir. Kullanıcıların orijinal grafiğin ötesine geçmelerini önlemek için Tür: boole
Varsayılan: false
|
| explorer.maxZoomIn |
Gezginin yakınlaştırabileceği maksimum değer. Varsayılan olarak, kullanıcılar orijinal görünümün yalnızca% 25'ini
görecek kadar yakınlaştırma yapabilir. Tür: numara
Varsayılan: 0,25
|
| explorer.maxZoomOut |
Gezginin uzaklaştırabileceği maksimum değer. Kullanıcılar, varsayılan olarak grafiğin mevcut alanın yalnızca 1/4'ünü kaplayacağı kadar uzaklaştırabilirler. Tür: numara
Varsayılan: 4
|
| explorer.zoomDelta |
Kullanıcılar yakınlaştırdığında veya uzaklaştırdığında Tür: numara
Varsayılan: 1,5
|
| focusTarget |
Fareyle üzerine gelindiğinde odaklanılan varlığın türü. Ayrıca fare tıklamasıyla hangi varlığın seçileceğini ve hangi veri tablosu öğesinin etkinliklerle ilişkilendirileceğini de etkiler. Şunlardan biri olabilir:
OdakHedef "kategori" aracındaki ipucu, tüm kategori değerlerini gösterir. Bu işlem, farklı serilerin değerlerini karşılaştırırken işinize yarayabilir. Tür: dize
Varsayılan: 'datum'
|
| fontSize |
Grafikteki tüm metnin piksel cinsinden varsayılan yazı tipi boyutu. Belirli grafik öğelerine ait özellikleri kullanarak bunu geçersiz kılabilirsiniz. Tür: numara
Varsayılan: auto
|
| fontName |
Grafikteki tüm metinler için varsayılan yazı tipi yüzü. Belirli grafik öğelerine ait özellikleri kullanarak bunu geçersiz kılabilirsiniz. Tür: dize
Varsayılan: "SFTP"
|
| forceIFrame |
Grafiği bir satır içi çerçevenin içine çizer. (IE8'de bu seçeneğin yoksayıldığını unutmayın. Tüm IE8 grafikleri, iç çerçeveler kullanılarak çizilir.) Tür: boole
Varsayılan: false
|
| hAxis |
Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
Tür: nesne
Varsayılan: null
|
| hAxis.baseline |
Yatay eksen için referans değer. Bu seçenek yalnızca Tür: numara
Varsayılan: auto
|
| hAxis.baselineColor |
Yatay eksendeki referans çizgisinin rengi. Herhangi bir HTML renk dizesi olabilir. Örneğin: Bu seçenek yalnızca Tür: numara
Varsayılan: "siyah"
|
| hAxis.direction |
Yatay eksendeki değerlerin büyüdüğü yön. Değerlerin sırasını tersine çevirmek için Tür: 1 veya -1
Varsayılan: 1
|
| hAxis.format |
Sayısal veya tarih ekseni etiketleri için bir biçim dizesi.
Sayı ekseni etiketleri için bu, ondalık biçimlendirme
ICU kalıbı grubunun
bir alt kümesidir. Örneğin,
Tarih ekseni etiketleri için bu, tarih biçimlendirmesi
ICU kalıbı grubunun
bir alt kümesidir. Örneğin, Etikete uygulanan gerçek biçimlendirme, API'nin yüklendiği yerel ayardan türetilir. Daha fazla ayrıntı için belirli bir yerel ayara sahip grafikleri yükleme bölümüne bakın.
İşaret değerlerini ve kılavuz çizgilerini hesaplarken, ilgili tüm kılavuz çizgisi seçeneklerinin çeşitli alternatif kombinasyonları dikkate alınır ve biçimlendirilmiş onay etiketlerinin yinelenmesi veya çakışması durumunda alternatifler reddedilir.
Dolayısıyla, yalnızca tam sayı onay işareti değerlerini göstermek istiyorsanız
Bu seçenek yalnızca Tür: dize
Varsayılan: auto
|
| hAxis.gridlines |
Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz: {color: '#333', minSpacing: 20}
Bu seçenek yalnızca Tür: nesne
Varsayılan: null
|
| hAxis.gridlines.color |
Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin. Tür: dize
Varsayılan: '#CCC'
|
| hAxis.gridlines.count |
Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı.
Tür: numara
Varsayılan: -1
|
| hAxis.gridlines.interval |
Bitişik kılavuz çizgileri arasındaki boyut dizisi (piksel olarak değil, veri değerleri olarak). Bu seçenek şu anda yalnızca sayısal eksenler için kullanılabilir ancak yalnızca tarih ve saatler için kullanılan Tür: 1 ile 10 arasında bir sayı (10 hariç).
Varsayılan: hesaplanmıştır
|
| hAxis.gridlines.minSpacing |
Altı eksen ana kılavuz çizgileri arasında piksel cinsinden minimum ekran alanı.
Ana kılavuz çizgileri için varsayılan olarak doğrusal ölçekler için Tür: numara
Varsayılan: hesaplanmıştır
|
| hAxis.gridlines.multiple |
Tüm kılavuz çizgisi ve değer çizgisi değerleri, bu seçeneğin değerinin katı olmalıdır. Aralıkların aksine, çarpanın 10 katındaki kuvvetlerin dikkate alınmadığını unutmayın.
Yani, Tür: numara
Varsayılan: 1
|
| hAxis.gridlines.units |
Grafik olarak hesaplanan kılavuz çizgileriyle birlikte kullanıldığında tarih/tarih/saat/günün belirli özellikleri için varsayılan biçimi geçersiz kılar. Yıl, ay, gün, saat, dakika, saniye ve milisaniye için biçimlendirmeye izin verir. Genel biçim şöyledir:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Daha fazla bilgiye Tarihler ve Saatler bölümünden ulaşabilirsiniz. Tür: nesne
Varsayılan: null
|
| hAxis.minorGridlines |
hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.
Bu seçenek yalnızca Tür: nesne
Varsayılan: null
|
| hAxis.minorGridlines.color |
Grafik alanındaki yatay küçük kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin. Tür: dize
Varsayılan: Kılavuz çizgisi ve arka plan renklerinin bir karışımı
|
| hAxis.minorGridlines.count |
Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, Tür: numara
Varsayılan: 1
|
| hAxis.minorGridlines.interval |
privateGridlines.interval seçeneği ana kılavuz çizgileri aralık seçeneğine benzer ancak seçilen aralık her zaman ana kılavuz çizgisi aralığının eşit böleni olur.
Doğrusal ölçekler için varsayılan aralık Tür: numara
Varsayılan: 1
|
| hAxis.minorGridlines.minSpacing |
Bitişik alt kılavuz çizgileri arasında ve alt ile ana kılavuz çizgileri arasındaki piksel cinsinden gerekli minimum alan. Varsayılan değer, doğrusal ölçekler için ana kılavuz çizgilerinin minSpacing değerinin 1/2'si ve logaritmik ölçekler için minSpacing değerinin 1/5'idir. Tür: numara
Varsayılan:hesaplanan
|
| hAxis.minorGridlines.multiple |
Ana Tür: numara
Varsayılan: 1
|
| hAxis.minorGridlines.units |
Grafik olarak hesaplanan alt kılavuz çizgileriyle birlikte kullanıldığında tarih/tarih/saat/günün saati veri türlerinin çeşitli yönleri için varsayılan biçimi geçersiz kılar. Yıl, ay, gün, saat, dakika, saniye ve milisaniye için biçimlendirmeye olanak tanır. Genel biçim şöyledir:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Daha fazla bilgiye Tarihler ve Saatler bölümünden ulaşabilirsiniz. Tür: nesne
Varsayılan: null
|
| hAxis.logScale |
Yatay ekseni logaritmik ölçeğe dönüştüren Bu seçenek yalnızca Tür: boole
Varsayılan: false
|
| hAxis.scaleType |
Yatay ekseni logaritmik ölçeğe dönüştüren
Bu seçenek yalnızca Tür: dize
Varsayılan: null
|
| hAxis.textPosition |
Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'. Tür: dize
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> }
Tür: nesne
Varsayılan:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.ticks |
Otomatik olarak oluşturulan X ekseni değer işaretlerini belirtilen diziyle değiştirir. Dizinin her öğesi, geçerli bir değer işareti (sayı, tarih, tarih, saat veya günün saati gibi) veya bir nesne olmalıdır. Söz konusu nesne bir nesneyse etiket olarak gösterilecek sabit dizeyi içeren isteğe bağlı bir
ViewWindow, geçersiz kılmak için bir Örnekler:
Bu seçenek yalnızca Tür: Öğe dizisi
Varsayılan: auto
|
| hAxis.title |
Yatay eksenin başlığını belirten Tür: dize
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> }
Tür: nesne
Varsayılan:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.allowContainerBoundaryTextCutoff |
Yanlış değerine ayarlanırsa grafik kapsayıcısı tarafından kırpılmasına izin vermek yerine en dıştaki etiketler gizlenir. Doğru değerine ayarlanırsa etiketin kırpılmasına izin verir. Bu seçenek yalnızca Tür: boole
Varsayılan: false
|
| hAxis.slantedText |
Doğru değerine ayarlanırsa yatay eksen metnini eksene daha fazla metin sığdırmak için belirli bir açıyla çizin. Yanlış değerine ayarlanırsa yatay eksen metnini dik doğru çizin. Metin dik bir şekilde çizildiğinde metnin tamamı sığmıyorsa varsayılan davranış eğim şeklindedir. Bu seçeneğin yalnızca Tür: boole
Varsayılan: auto
|
| hAxis.slantedTextAngle |
Eğik çizilmişse yatay eksen metninin açısı. Tür: sayı, -90-90
Varsayılan: 30
|
| hAxis.maxAlternation |
Maksimum yatay eksen metni düzeyi sayısı. Eksen metin etiketleri çok kalabalık olursa sunucu, etiketleri birbirine daha yakın yerleştirmek için komşu etiketleri yukarı veya aşağı kaydırabilir. Bu değer, kullanılacak en fazla seviye sayısını belirtir. Etiketler çakışmadan sığabiliyorsa sunucu daha az seviye kullanabilir. Tarih ve saatler için varsayılan değer 1'dir. Tür: numara
Varsayılan: 2
|
| hAxis.maxTextLines |
Metin etiketleri için izin verilen maksimum satır sayısı. Etiketler çok uzunsa birden çok satırı kapsayabilir ve satır sayısı varsayılan olarak kullanılabilir alanın yüksekliğiyle sınırlıdır. Tür: numara
Varsayılan: auto
|
| hAxis.minTextSpacing |
Bitişik iki metin etiketi arasında izin verilen minimum yatay boşluk (piksel cinsinden). Etiketler arasında çok fazla boşluk bırakılmışsa veya çok uzunsa boşluk bu eşiğin altına düşebilir. Bu durumda, etiket temizleme önlemlerinden biri uygulanır (ör. etiketlerin kısaltılması veya bazılarının düşürülmesi). Tür: numara
Varsayılan:
hAxis.textStyle.fontSize değeri |
| hAxis.showTextEvery |
Kaç tane yatay eksen etiketinin gösterileceği; 1, her etiketi gösterir, 2 diğer tüm etiketleri gösterir vb. anlamına gelir. Varsayılan değer, çakışmadan mümkün olduğunca çok sayıda etiket göstermeye çalışmaktır. Tür: numara
Varsayılan: auto
|
| hAxis.maxValue |
Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır.
Bu seçenek yalnızca Tür: numara
Varsayılan: auto
|
| hAxis.minValue |
Yatay eksenin minimum değerini belirtilen değere taşır; bu, çoğu grafikte sola doğru olur. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır.
Bu seçenek yalnızca Tür: numara
Varsayılan: auto
|
| hAxis.viewWindowMode |
Grafik alanındaki değerleri oluşturmak için yatay eksenin nasıl ölçeklendirileceğini belirtir. Aşağıdaki dize değerleri desteklenir:
Bu seçenek yalnızca Tür: dize
Varsayılan:
"pretty" ile eşdeğerdir ancak kullanılırsa
haxis.viewWindow.min ve haxis.viewWindow.max öncelikli olur.
|
| hAxis.viewWindow |
Yatay eksenin kırpma aralığını belirtir. Tür: nesne
Varsayılan: null
|
| hAxis.viewWindow.max |
Tür: numara
Varsayılan: auto
|
| hAxis.viewWindow.min |
Tür: numara
Varsayılan: auto
|
| yükseklik |
Grafiğin piksel cinsinden yüksekliği. Tür: numara
Varsayılan: kapsayıcı öğenin yüksekliği
|
| interpolateNulls |
Eksik puanların değerinin tahmin edilip edilmeyeceği. Doğru değerine ayarlanırsa tüm eksik verilerin değeri komşu noktalara göre tahmin edilir. False (yanlış) değerine ayarlanırsa satırda bilinmeyen noktada bir boşluk bırakır.
Bu, Tür: boole
Varsayılan: false
|
| isStacked |
Doğru değerine ayarlanırsa tüm serilerin öğelerini her bir alan değerinde gruplandırır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikleri, seri öğelerinin yığınla daha iyi uyuşması için gösterge öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu Çubuk Grafikler için geçerli değildir .
%100 yığınlamada her öğenin hesaplanan değeri, ipucunda gerçek değerinden sonra görünür.
Hedef eksen varsayılan olarak göreli 0-1 ölçeğine göre değerleri,
%100 yığınlama, yalnızca Tür: boole/dize
Varsayılan: false
|
| harita açıklamaları |
Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz: {position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tür: nesne
Varsayılan: null
|
| legend.alignment |
Açıklamaların hizalanması. Aşağıdakilerden biri olabilir:
Başlangıcı, ortası ve bitişi, göstergenin stiline (dikey veya yatay) bağlıdır. Örneğin, "sağ" açıklamalarda "start" ve "end" öğeleri sırasıyla üst ve aşağıda yer alır. "Üst" gösterge için "start" ve "end" sırasıyla alanın sol ve sağında yer alır. Varsayılan değer, göstergenin konumuna bağlıdır. "Alt" göstergeler için varsayılan değer "center", diğer açıklamalar ise "start"tır. Tür: dize
Varsayılan: auto
|
| legend.maxLines |
Göstergedeki maksimum satır sayısı. Açıklamanıza satır eklemek için bunu birden büyük bir sayıya ayarlayın. Not: Oluşturulan gerçek satır sayısını belirlemek için kullanılan kesin mantık hâlâ değişkendir. Bu seçenek şu anda yalnızca efsane.position "top" olduğunda çalışır. Tür: numara
Varsayılan: 1
|
| legend.pageIndex |
Açıklamanın ilk seçilen sıfır tabanlı sayfa dizini. Tür: numara
Varsayılan: 0
|
| legend.position |
Açıklamanın konumu. Aşağıdakilerden biri olabilir:
Tür: dize
Varsayılan: 'right'
|
| legend.textStyle |
Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Tür: nesne
Varsayılan:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| lineDashStyle |
Kesikli çizgiler için açma/kapatma deseni. Örneğin Tür: Sayı dizisi
Varsayılan: null
|
| 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. Tür: numara
Varsayılan: 2
|
| yön |
Grafiğin yönü. Tür: dize
Varsayılan: 'automatic' (yatay)
|
| pointShape |
Bağımsız veri öğelerinin şekli: "daire", "üçgen", "kare", "elmas", "yıldız" veya "poligon". Örnekler için puan belgelerine göz atın. Tür: dize
Varsayılan: 'circle'
|
| pointSize |
Görüntülenen noktaların piksel cinsinden çapı. Tüm noktaları gizlemek için sıfırı kullanın. Tür: numara
Varsayılan: 0
|
| pointsVisible |
Puanların gösterilip gösterilmeyeceğini belirler. Tüm noktaları gizlemek için
Bu, Tür: boole
Varsayılan: true
|
| reverseCategories |
Doğru değerine ayarlanırsa seriler sağdan sola doğru çizilir. Varsayılan olarak soldan sağa doğru çizim yapılır.
Bu seçenek yalnızca Tür: boole
Varsayılan: false
|
| selectionMode |
Tür: dize
Varsayılan: "single"
|
| seri |
Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Bir serinin varsayılan değerlerini kullanmak için boş bir nesne {} belirtin. Seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:
Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt öğenin, hangi seriye geçerli olduğunu belirten sayısal bir anahtarın 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: {}
|
| tema |
Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan, önceden tanımlanmış bir dizi seçenek değerleridir. Şu anda yalnızca bir tema kullanılabilir:
Tür: dize
Varsayılan: null
|
| title |
Grafiğin üzerinde gösterilecek metin. Tür: dize
Varsayılan: başlık yok
|
| titlePosition |
Grafik alanına kıyasla grafik başlığının yerleştirileceği yer. Desteklenen değerler:
Tür: dize
Varsayılan: 'out'
|
| titleTextStyle |
Başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Tür: nesne
Varsayılan:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ipucu |
Çeşitli ipucu öğelerini yapılandırmak için üyeler içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz: {textStyle: {color: '#FF0000'}, showColorCode: true}
Tür: nesne
Varsayılan: null
|
| tooltip.ignoreBounds |
Not: Bu yalnızca HTML ipuçları için geçerlidir. Bu özellik, SVG ipuçlarıyla etkinleştirilirse grafik sınırlarının dışındaki tüm taşmalar kırpılır. Daha fazla ayrıntı için İpucu İçeriğini Özelleştirme bölümüne bakın. Tür: boole
Varsayılan: false
|
| tooltip.isHtml |
Doğru değerine ayarlanırsa (SVG tarafından oluşturulan yerine) HTML ile oluşturulan ipuçlarını kullanın. Daha fazla ayrıntı için İpucu İçeriğini Özelleştirme bölümüne bakın. Not: HTML ipucu içeriğinin ipucu sütunu veri rolü aracılığıyla özelleştirilmesi balon grafik görselleştirmesi tarafından desteklenmez. Tür: boole
Varsayılan: false
|
| tooltip.showColorCode |
True (doğru) ise ipucunda seri bilgilerinin yanında renkli kareler gösterin. Tür: boole
Varsayılan: auto
|
| tooltip.textStyle |
İpucu metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Tür: nesne
Varsayılan:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| tooltip.trigger |
İpucunun görüntülenmesine neden olan kullanıcı etkileşimi:
Tür: dize
Varsayılan: 'focus'
|
| vAxes |
Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir.
Her alt nesne bir
Birden fazla dikey eksene sahip bir grafik belirtmek için önce
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
Tür: Alt nesneleri olan nesne veya nesne dizisi
Varsayılan: null
|
| vAxis |
Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz: {title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tür: nesne
Varsayılan: null
|
| vAxis.baseline |
Dikey eksen için referans değeri belirten Tür: numara
Varsayılan: auto
|
| vAxis.baselineColor |
Dikey eksen için referans çizginin rengini belirtir. Herhangi bir HTML renk dizesi olabilir. Örneğin: Tür: numara
Varsayılan: "siyah"
|
| vAxis.direction |
Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için Tür: 1 veya -1
Varsayılan: 1
|
| vAxis.format |
Sayısal eksen etiketleri için bir biçim dizesi. Bu,
ICU kalıbı grubunun
bir alt kümesidir.
Örneğin,
Etikete uygulanan gerçek biçimlendirme, API'nin yüklendiği yerel ayardan türetilir. Daha fazla ayrıntı için belirli bir yerel ayara sahip grafikleri yükleme bölümüne bakın.
İşaret değerlerini ve kılavuz çizgilerini hesaplarken, ilgili tüm kılavuz çizgisi seçeneklerinin çeşitli alternatif kombinasyonları dikkate alınır ve biçimlendirilmiş onay etiketlerinin yinelenmesi veya çakışması durumunda alternatifler reddedilir.
Dolayısıyla, yalnızca tam sayı onay işareti değerlerini göstermek istiyorsanız Tür: dize
Varsayılan: auto
|
| vAxis.gridlines |
Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz: {color: '#333', minSpacing: 20}
Tür: nesne
Varsayılan: null
|
| vAxis.gridlines.color |
Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin. Tür: dize
Varsayılan: '#CCC'
|
| vAxis.gridlines.count |
Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı.
Tür: numara
Varsayılan: -1
|
| vAxis.gridlines.interval |
Bitişik kılavuz çizgileri arasındaki boyut dizisi (piksel olarak değil, veri değerleri olarak). Bu seçenek şu anda yalnızca sayısal eksenler için kullanılabilir ancak yalnızca tarih ve saatler için kullanılan Tür: 1 ile 10 arasında bir sayı (10 hariç).
Varsayılan: hesaplanmıştır
|
| vAxis.gridlines.minSpacing |
Altı eksen ana kılavuz çizgileri arasında piksel cinsinden minimum ekran alanı.
Ana kılavuz çizgileri için varsayılan olarak doğrusal ölçekler için Tür: numara
Varsayılan: hesaplanmıştır
|
| vAxis.gridlines.multiple |
Tüm kılavuz çizgisi ve değer çizgisi değerleri, bu seçeneğin değerinin katı olmalıdır. Aralıkların aksine, çarpanın 10 katındaki kuvvetlerin dikkate alınmadığını unutmayın.
Yani, Tür: numara
Varsayılan: 1
|
| vAxis.gridlines.units |
Grafik olarak hesaplanan kılavuz çizgileriyle birlikte kullanıldığında tarih/tarih/saat/günün belirli özellikleri için varsayılan biçimi geçersiz kılar. Yıl, ay, gün, saat, dakika, saniye ve milisaniye için biçimlendirmeye izin verir. Genel biçim şöyledir:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]},
hours: {format: [/*format strings here*/]},
minutes: {format: [/*format strings here*/]},
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]}
}
}
Daha fazla bilgiye Tarihler ve Saatler bölümünden ulaşabilirsiniz. Tür: nesne
Varsayılan: null
|
| vAxis.minorGridlines |
vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Tür: nesne
Varsayılan: null
|
| vAxis.minorGridlines.color |
Grafik alanındaki dikey alt kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin. Tür: dize
Varsayılan: Kılavuz çizgisi ve arka plan renklerinin bir karışımı
|
| vAxis.minorGridlines.interval |
privateGridlines.interval seçeneği ana kılavuz çizgileri aralık seçeneğine benzer ancak seçilen aralık her zaman ana kılavuz çizgisi aralığının eşit böleni olur.
Doğrusal ölçekler için varsayılan aralık Tür: numara
Varsayılan: 1
|
| vAxis.minorGridlines.minSpacing |
Bitişik alt kılavuz çizgileri arasında ve alt ile ana kılavuz çizgileri arasındaki piksel cinsinden gerekli minimum alan. Varsayılan değer, doğrusal ölçekler için ana kılavuz çizgilerinin minSpacing değerinin 1/2'si ve logaritmik ölçekler için minSpacing değerinin 1/5'idir. Tür: numara
Varsayılan:hesaplanan
|
| vAxis.minorGridlines.multiple |
Ana Tür: numara
Varsayılan: 1
|
| vAxis.minorGridlines.count |
Azınlık Gridlines.count seçeneğinin çoğu kullanımdan kaldırılmıştır. Bunun tek istisnası, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerinin devre dışı bırakılmasıdır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgilerinin sayısı (bkz. vAxis.gridlines.interval) ile gerekli minimum alan (vAxis.minorGridlines.minSpacing) arasındaki aralığa bağlıdır. Tür: numara
Varsayılan: 1
|
| vAxis.minorGridlines.units |
Grafik olarak hesaplanan alt kılavuz çizgileriyle birlikte kullanıldığında tarih/tarih/saat/günün saati veri türlerinin çeşitli yönleri için varsayılan biçimi geçersiz kılar. Yıl, ay, gün, saat, dakika, saniye ve milisaniye için biçimlendirmeye olanak tanır. Genel biçim şöyledir:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Daha fazla bilgiye Tarihler ve Saatler bölümünden ulaşabilirsiniz. Tür: nesne
Varsayılan: null
|
| vAxis.logScale |
Doğru değerine ayarlanırsa dikey ekseni logaritmik ölçek haline getirir. Not: Tüm değerler pozitif olmalıdır. Tür: boole
Varsayılan: false
|
| vAxis.scaleType |
Dikey ekseni logaritmik ölçeğe dönüştüren
Bu seçenek yalnızca Tür: dize
Varsayılan: null
|
| vAxis.textPosition |
Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'. Tür: dize
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> }
Tür: nesne
Varsayılan:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.ticks |
Otomatik olarak oluşturulan Y ekseni değer işaretlerini belirtilen diziyle değiştirir. Dizinin her öğesi, geçerli bir değer işareti (sayı, tarih, tarih, saat veya günün saati gibi) veya bir nesne olmalıdır. Söz konusu nesne bir nesneyse etiket olarak gösterilecek sabit dizeyi içeren isteğe bağlı bir
ViewWindow, geçersiz kılmak için bir Örnekler:
Tür: Öğe dizisi
Varsayılan: auto
|
| vAxis.title |
Dikey eksen için bir başlık belirten Tür: dize
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> }
Tür: nesne
Varsayılan:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.maxValue |
Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu grafikte yukarı olacaktır. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır.
Tür: numara
Varsayılan: auto
|
| vAxis.minValue |
Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır.
Tür: numara
Varsayılan: null
|
| vAxis.viewWindowMode |
Grafik alanındaki değerleri oluşturmak için dikey eksenin nasıl ölçeklendirileceğini belirtir. Aşağıdaki dize değerleri desteklenir:
Tür: dize
Varsayılan:
"pretty" ile eşdeğerdir ancak kullanılırsa
vaxis.viewWindow.min ve vaxis.viewWindow.max öncelikli olur.
|
| vAxis.viewWindow |
Dikey eksenin kırpma aralığını belirtir. Tür: nesne
Varsayılan: null
|
| vAxis.viewWindow.max |
Oluşturulacak maksimum dikey veri değeri.
Tür: numara
Varsayılan: auto
|
| vAxis.viewWindow.min |
Oluşturulacak minimum dikey veri değeri.
Tür: numara
Varsayılan: auto
|
| genişlik |
Grafiğin piksel cinsinden genişliği. Tür: numara
Varsayılan: kapsayıcı öğenin genişliği
|
Yöntemler
| Yöntem | |
|---|---|
draw(data, options) |
Grafiği çizer. Grafik, yalnızca Return Type (Dönüş Türü): yok
|
getAction(actionID) |
İstenen Return Type: nesne
|
getBoundingBox(id) |
Değerler, grafiğin kapsayıcısına bağlıdır. Grafik çizildikten sonra bunu çağırın. Return Type: nesne
|
getChartAreaBoundingBox() |
Grafik içeriğinin sol, üst, genişlik ve yüksekliğini içeren nesneyi döndürür (ör. etiketler ve açıklamalar hariç):
Değerler, grafiğin kapsayıcısına bağlıdır. Grafik çizildikten sonra bunu çağırın. Return Type: nesne
|
getChartLayoutInterface() |
Grafiğin ve öğelerinin ekrandaki yerleşimiyle ilgili bilgileri içeren bir nesneyi döndürür. Döndürülen nesnede aşağıdaki yöntemler çağrılabilir:
Grafik çizildikten sonra bunu çağırın. Return Type: nesne
|
getHAxisValue(xPosition, optional_axis_index) |
Grafik kapsayıcısının sol kenarından piksel uzaklığı olan Örnek: Grafik çizildikten sonra bunu çağırın. İade Türü: numara
|
getImageURI() |
Grafiği resim URI'si olarak serileştirilmiş şekilde döndürür. Grafik çizildikten sonra bunu çağırın. Bkz. PNG Grafiklerini Yazdırma. Return Type: dize
|
getSelection() |
Seçilen grafik varlıklarından oluşan bir dizi döndürür.
Seçilebilir varlıklar noktalar, ek açıklamalar, gösterge girişleri ve kategorilerdir.
Bir nokta veya ek açıklama, veri tablosundaki bir hücreye, bir sütuna açıklama girişine (satır dizini boştur) ve bir satıra (sütun dizini null) karşılık gelir.
Bu grafik için aynı anda yalnızca bir öğe seçilebilir.
Dönüş Türü: Seçim öğeleri dizisi
|
getVAxisValue(yPosition, optional_axis_index) |
Örnek: Grafik çizildikten sonra bunu çağırın. İade Türü: numara
|
getXLocation(dataValue, optional_axis_index) |
Grafik kapsayıcısının sol kenarına göre Örnek: Grafik çizildikten sonra bunu çağırın. İade Türü: numara
|
getYLocation(dataValue, optional_axis_index) |
Grafik kapsayıcısının üst kenarına göre Örnek: Grafik çizildikten sonra bunu çağırın. İade Türü: numara
|
removeAction(actionID) |
İstenen İade Türü:
none |
setAction(action) |
Kullanıcı işlem metnini tıkladığında yürütülecek bir ipucu işlemi ayarlar.
Tüm ipucu işlemleri, grafiğin İade Türü:
none |
setSelection() |
Belirtilen grafik varlıklarını seçer. Önceki seçimleri iptal eder.
Seçilebilir varlıklar noktalar, ek açıklamalar, gösterge girişleri ve kategorilerdir.
Bir nokta veya ek açıklama, veri tablosundaki bir hücreye, bir sütuna açıklama girişine (satır dizini boştur) ve bir satıra (sütun dizini null) karşılık gelir.
Bu grafik için aynı anda yalnızca bir öğe seçilebilir.
Return Type (Dönüş Türü): yok
|
clearChart() |
Grafiği temizler ve ayrılan tüm kaynaklarını serbest bırakır. Return Type (Dönüş Türü): yok
|
Etkinlikler
Bu etkinliklerin nasıl kullanılacağı hakkında daha fazla bilgi için Temel Etkileşim, Etkinlikleri Yönetme ve Etkinleşme Etkinliklerini inceleyin.
| Ad | |
|---|---|
animationfinish |
Geçiş animasyonu tamamlandığında tetiklenir. Özellikler: yok
|
click |
Kullanıcı grafiğin içini tıkladığında tetiklenir. Başlığın, veri öğelerinin, gösterge girişlerinin, eksenlerin, kılavuz çizgilerinin veya etiketlerin ne zaman tıklandığını tanımlamak için kullanılabilir. Özellikler: targetID
|
error |
Grafik oluşturulmaya çalışılırken bir hata oluştuğunda tetiklenir. Özellikler: kimlik, mesaj
|
legendpagination |
Kullanıcı, sayfa açıklaması oklarını tıkladığında tetiklenir. Açıklamaların sıfır tabanlı mevcut sayfa dizinini ve toplam sayfa sayısını geri verir. Özellikler: currentPageIndex, totalPages
|
onmouseover |
Kullanıcı fareyle bir görsel öğenin üzerine geldiğinde tetiklenir. İlgili veri tablosu öğesinin satır ve sütun dizinlerini geri verir. Özellikler: satır, sütun
|
onmouseout |
Kullanıcı faresini görsel bir öğeden uzaklaştırdığında tetiklenir. İlgili veri tablosu öğesinin satır ve sütun dizinlerini geri verir. Özellikler: satır, sütun
|
ready |
Grafik, harici yöntem çağrıları için hazır. Grafikle etkileşim kurmak ve
çizdikten sonra yöntemleri çağırmak isterseniz Özellikler: yok
|
select |
Kullanıcı bir görsel öğeyi tıkladığında tetiklenir. Neyin seçildiğini öğrenmek için Özellikler: yok
|
Veri Politikası
Tüm kod ve veriler tarayıcıda işlenip oluşturulur. Herhangi bir sunucuya veri gönderilmez.