Çizgi grafik

Çevrimiçi düzenle

Ek veri kümeleri için açılır ağaçlar ekleme seçeneğiyle bir veri kümesi için çizgi grafik oluşturur. Veri kümesini statik olarak veya bir hizmet kullanarak doldurabilirsiniz.

Kısıtlama

Çizgi grafiği, bir hizmet kullanılarak doldurulmalıdır.

Not: Grafiği daraltılabilir bir panoda görüntülerken boyutlandırma sorunlarıyla karşılaşırsanız, grafik boyutunu kullanılabilir alana ayarlamak için daraltılabilir panonun On expand olayında aşağıdaki kodu kullanın: ${CHART_CONTROL_ID}.refresh();

Yapılandırma özellikleri

Yapılandırmaaltında, görünüme ilişkin görünüm ve davranış özelliklerini ayarlayın ya da değiştirin.

Ekran Boyutu: Özellik adının yanında Ekran Boyutları simgesi olan bir yapılandırma özelliği, her ekran boyutu için farklı değerlere sahip olabilir. Bir değer ayarlamazsanız, ekran boyutu sonraki daha büyük ekran boyutunun değerini varsayılan değeri olarak devralır.

Tema tanımlamaları: Tema tanımlamaları, bir görünümün renklerini ve biçemlerini belirler ve görünüşünü belirler. Tema düzenleyicisinde görünümlerin görünümünü önizleyebilirsiniz. Bkz. Temalar.

Çizgi grafik görünümü için görünüm yapılandırma özellikleri aşağıdaki tabloda gösterilir:

Tablo 1. Çizgi grafik için görünüm yapılandırma özellikleri
Görünüş yapılandırma özelliği	Açıklama	Veri tipi
Düz çizgi	Veri noktalarını bağlayan eğriyi düzler.	`Boolean`
Arka plan rengi stili	Arka plan rengi için renk stili.	`String`
Veri serisi renk stili	Veri serisi için renk stili.	`String`
Veri serisi özel renk stili	Veri serisi için renk stilini özelleştirin. `NameValuePair`içinde `Name` , seri adıdır ve `Value` , ad, onaltılı kod ya da RGB kodu olarak belirtilen renktir. Örneğin, `red`, `#ff0000`, `rgb(255, 0, 0)`. Özellik, Veri serisi renk stilinegöre önceliklidir.	`NameValuePair`
Değer etiketlerini göster	Grafikteki her noktanın üzerinde veri noktası değerlerini görüntüleyin.	`Boolean`
İşlem izlerini göster	Bu seçenek etkinleştirildiğinde, başlık kullanıcının ayrıntılarına inebileceği ağacın yürürlükteki konumunu gösterir (menü seçimine bağlı olarak).	`Boolean`
Nokta büyüklüğü	Değeri işaretleyen noktanın boyutu. Varsayılan: 2.5 piksel.	`Decimal`
XY ekseni renk stili	X ve Y eksenlerinin renk stili.	`String`
Izgara çizgisi stili	Yatay ızgara çizgilerinin stili.	`String`
X etiketi döndürme	X ekseni etiketi için derece cinsinden döndürme.	`Decimal`
X ekseni yüksekliği	X ekseninin yüksekliği.	`Integer`
Kenarlık yarıçapı	Grafiğin yarıçapı.	`String`
Dolgu	Grafiğin sağ, üst, sol ve alt kısımlarına ilişkin dolgu (piksel cinsinden).	`String`
Yükseklik	Grafiğin yüksekliği.	`Integer`

Çizgi grafik görünümüne ilişkin davranış yapılandırma özellikleri aşağıdaki tabloda gösterilir:

Tablo 2. Çizgi grafik için davranış yapılandırma özellikleri
Davranış yapılandırma özelliği	Açıklama	Veri tipi
Grafik veri kipi	Grafik verilerinin bir hizmetten mi, yoksa yapılandırma seçeneğinden mi doldurulacağını seçin. Kullanıcıların detaya inebilecekleri ağaçların yalnızca uygun Ajax erişimiyle bir hizmet akışı aracılığıyla doldurularak kullanılabilir olduğunu unutmayın.	`String`
Veri hizmeti	Veri serilerini dolduran bir hizmet.	`Ajax service`
veri serisi	`seriesName` , veri dizisinin adıdır ve `dataPoints` veri dizisine dahil edilecek veri noktalarının listesidir.	`dataPoints`listesi için `seriesName` ve `DataPoint[]` için `String` .
Menüyü etkinleştir	Menünün görünürlüğünü etkinleştirir. Kullanıcıların ayrıntılarına inebileceği bir ağacınız varsa ya da menüler eklediyseniz, menü gereklidir.	`Boolean`
Y ekseni işaretlerinin sayısı	Y eksenindeki işaretlerin sayısı. Belirttiğiniz değer kesin bir sayı olarak yorumlanmadı, ancak en uygun görüntüyü sağlamak için en uygun işaret sayısına ayarlandı.	`Integer`
Y ekseni işareti duyarlığı	Y ekseni değer etiketleri için görüntülenecek ondalık basamak sayısı. Varsayılan ondalık basamak sayısı 0 'dır.	`Integer`
Y ekseni değeri alt sınırı	Y eksenindeki değer alt sınırı.	`Decimal`
Y ekseni değeri üst sınırı	Y eksenindeki değer üst sınırı.	`Decimal`
X ekseni işaret ayıklaması kullan	Yalnızca X onay işareti sayısı üst sınırı özelliğinin değerine göre belirlenen X ekseni veri onay işareti sayılarının sayısını gösterin.	`Boolean`
X ekseni işaretlerinin sayısı	X eksenindeki işaretlerin sayısı. Belirttiğiniz değer kesin bir sayı olarak yorumlanmadı, ancak en uygun görüntüyü sağlamak için en uygun işaret sayısına ayarlandı.	`Integer`
Araç ipucunu göster	Bu seçenek etkinleştirildiğinde, fareyle grafikteki veri noktalarının üzerine gelindiğinde bir araç ipucu görünür. Araç ipucu, hem noktanın adını hem de değerini gösterir.	`Boolean`

Grafiklerinizle kullanabileceğiniz detaya inme ağaçlarına ilişkin bilgi için bkz. Detaya inme ağaçları.

<

Olaylar özelliklerinde görünüm için olay işleyicilerini ayarlayın ya da değiştirin. Olayları programlı olarak ya da kullanıcı görünümle etkileşimde bulunduğunda tetiklenecek şekilde ayarlayabilirsiniz. Olayları tanımlama ve kodlama hakkında bilgi için bkz. Kullanıcı tanımlı olaylar. Çizgi grafik görünümü aşağıdaki olay işleyici tiplerini içerir:

On load: Grafik yüklendiğinde etkinleştirilmiştir; örneğin,
```
me.defocusSeries("Brand1")
```
On refreshed: Grafik yenilendiğinde etkinleştirilir, örneğin,
```
me.focusSeries("Brand1")
```
On click: Grafik tıklatıldığında etkinleştirilmiştir; örneğin,
```
me.transform("donut", ["Brand1","Brand2"])
```

On menu action: Bir menü işlemi algılandığında, örneğin,

console.log("Running menu action '" + action.name + "' on " + me.getSelectedDataPoint().label + " with value of " + me.getSelectedDataPoint().value)

Klavye kullanarak dolaşma

Klavyeyi kullanarak grafiklerde gezinmek için:

İstediğiniz grafik vurgulanıncaya kadar Tab tuşuna basın.
Grafiğin içine odaklanmak için Tab tuşuna basın.
Grafik içinde dolaşmak için sağ, sol, yukarı ya da aşağı ok tuşlarını kullanın.
Not: Grafikte açıklandığı gibi dolaşmak için JAWS ekran okuyucusunu kullanmanız gerekir.

yöntemler

Çizgi grafiğe ilişkin yöntemler hakkında bilgi için Çizgi grafik JavaScript API ' ye bakın.

Ek kaynaklar

Coach ya da sayfa yaratma hakkında bilgi için Coach oluşturmabaşlıklı konuya bakın.
Standart özelliklerle ilgili bilgi için (Genel, Yapılandırma, Konumlandırma, Görünürlükve HTML Öznitelikleri) bkz. Özelliklerin görüntülenmesi.