2013-04-30 18 views
5

Flot FillBetween eklentisi çizgi grafikleri ile güzel çalışıyor. Ancak çizgileri düzeltmem ve daha düzgün hale getirmem gerekiyor. Ben CurvedLined plugin ve Spline plugin gördük ama hem fillbetween eklentisi ile düzgün çalışmaz.FillBetween eklentisi ile çalışan eğri çizgiler/Spline eklentisi?

iki kavisli hat/Kamalı serisini kullanmak ve aralarındaki alanı doldurmak için herhangi bir yolu var mı? Aşağıdaki resim gibi bir şey. Ayrıca, biri diğerini geçtiği zaman iki seri arasındaki kapalı alanı doldurur.

enter image description here

cevap

1

Ben FillBetween plug-in yabancıyım. Yumuşatma kısmına yoğunlaşmaya odaklanacağım. Benzer şekilde, bu düzeltme seçeneklerinin benim için de çalışmadığı bir sorun yaşadım. Düzleştirmeyi yapmak için harici bir eklenti kullandım. Adı smooth.js ve benim için çalıştı. Smooth.js veri dizisini çağırır ve bir işlev döndürür. "Düzeltilmiş nokta" elde etmek için, işlevi 0 ile dizi uzunluğu arasındaki herhangi bir değere uygulayın. Fikir, orijinal veri kümesinden daha fazla puan elde etmektir.

Örneğin, test adlı değerler dizisini yumuşatmak için:

//obtaining smoothing function 

var s = Smooth(test, { 
    method: Smooth.METHOD_CUBIC, 
}); 

//obtaining smoothed data 
//asking for 10 "smoothed points" per each point in the original dataset 
test_smoothed = []; 
for (var i = 0; i <= test.length; i = i + .1) { 
    test_smoothed.push(s(i)); 
} 

bu örnek ile bir JSFiddle yaptı. Sen FillBetween kullanmak sonra bu eklentiyi kullanmak ve Flot için düzleştirilmiş veri aktarmak ve edebilirsiniz.

+0

nasıl bir nesne pürüzsüz olabilir? {date (milli): yüzde, tarih (milli), yüzde} '... vb ... – shorif2000