Bootstrap İle Google Charts Çakışması
-
Selamlar,
Google Charts kullanarak JSon ile grafik oluşturma ile ilgili işlemler yapıyorum fakat bir problemim mevcut, altta linkini de verdim. Tab arasında gezerken grafikler küçülüyor. Ama tarih aralığı seçince tekrar normal boyutlanıyor. Neden olabilir?
http://adresyazilim.com/grafik/
Buraya yükledim bakarmısınız? Birşeyi mi gözden kaçırıyorum..
PLaXToR tarafından 10/Nis/18 14:53 tarihinde düzenlenmiştir -
Svg olarak çizen fonksiyon/metod vs.. ne ise o ilkini genişlik ve yükseklik olarak düzgün çiziyor. Diğer taba geçince 400x500 boyutlarında çiziyor. Büyük ihtimal, tab display:none değerine sahip olduğu için. Genişlik ve yükseklik olmadığından o da o boyutlarda çiziyordur.
-
Önerin ne hocam? Birde Zaman Dilimi Seçimi yapınca filtrelerin tanımları birbirlerine giriyor
-
.tab-content>.tab-pane { display: none; width:100%;height:auto; }
deneyebilir misin?
-
display: none;
olduğu için tıklandığında da göstermiyor şimdi display:none u kaldırdım ama yine işe yaramadı.
-
Çözümü Buldum.
.tab-content > .tab-pane, .pill-content > .pill-pane { display: block; height: 0; overflow-y: hidden; } .tab-content > .active, .pill-content > .active { height: auto; }
Bunu eklemek yeterli. İyi çalışmalar arkadaşlar.
-
Şimdi tek sorun; tarih aralığını seçtiğimde örnek Quarter dilim seçtiğimde o tarih aralığında gün cinsinden değer veriyor ben o aralığın türüne göre gün ise gün ay ise ay quarter ise quarter cinsinden vermesini istiyorum
Mesela 2017-Q3 ile 2018-Q2 yi seçtiysem:
2017-Q3, 2017-Q4, 2018-Q1, 2018-Q2 yi toplam halinde 4 nokta olarak vermeli ama ben o aralığı gün olarak görebiliyorm. Önerileriniz neler?
-
öneri:
https://canvasjs.com/javascript-charts/#scatter-bubble-charts
http://www.chartjs.org/samples/latest/charts/polar-area.html
http://www.chartjs.org/samples/latest/
https://www.amcharts.com/download/
-
Önerilerin için teşekkür ederim ama google charts kullanıyorum. Bunlara mı geçmemi öneriyorsun?
Sadece tarih filtresinde üstte bahsettiğim problemi yaşıyorum. Onu da çözersem ihtiyacım olan herşeyi karşılıyor.
PLaXToR tarafından 11/Nis/18 10:17 tarihinde düzenlenmiştir