Kategori etiketleri üst üste çakışan yüksek şemalar

xAxis için kategori etiketleriyle ilgili bir sorunla ilgili yardıma ihtiyacım var. Tüm kategori etiketlerine yer olmadığında, birbirine bağlanır ve birbiriyle çakışırlar.Kategori etiketleri üst üste çakışan yüksek şemalar

Bunun gerçekleşmediğinden emin olmak için bir yol bulabileceğimi araştırdım, önce kaydırma çözümü aradım, sonra bir çeşit zumlama ve sonunda staggerLines için gitmeye çalıştım.

Sorun şu ki, eğer staggerLines kullanacaksam, değeri sahip olduğum kategori sayısına bağlı olarak ayarlamalıyım. Ben 10 veya daha az varsa, staggerLine 1 olarak ayarlanır, 11-20 Stet 2'ye istiyorum, 21-30 Ben 3'e ayarlamak istiyorum vb. Sadece 3'e ayarlayamıyorum, çünkü bazı zamanlarda sadece birkaç kategori gösterilecek ve bu da staggerLines ile iyi görünmeyecek.

Bunu çözmek için iyi bir öneri olan var mı?

kaynak

2013-02-06 Marius Nielsen

bu kesinlikle Highcharts içinde düzeltilmesi gerekiyor ama bizim yaptığımız tüm kategori için olduğundan bir çözüm olarak bu gönderme Değil xAxis veri grafiklerinde xAxis dikey var. Bu şekilde etiketler için metin yataydır. Kirli düzeltme ancak grafik boyutları doğru ayarlandıktan sonra verilerimiz için çalışır. – wergeld

Komik, Karşı problemim var (4.0.4 kullanarak). Kategoriler, uygun olmadıklarından kesiliyor. – nilskp

Kategorileri kullanmak zorunda değilsiniz. Genel kategorilerde, örn. meyveler veya isimler - hangi ismin nasıl gösterileceğini ve hangisinin yapılmaması gerektiğini nasıl tanımlarsınız? Elma muzdan daha mı önemli?

Ancak çözüm xEkseni etiket biçimlendirici kullanarak, oldukça basit bir göz atın: http://jsbin.com/oyudan/27/edit

xAxis: { 
    labels: { 
    formatter: function(){ 
     return names[this.value]; 
    } 
    } 
},

kaynak

2013-02-06 16:30:38

Teşekkürler, bud. Bu bana çok yardımcı oldu. –

Buradaki sır, xAxis tanımında "kategoriler: İsimler" kullanmadığınızdan emin olmaktır. Grafik ihtiyaç duyduğu etiketleri almak için yeterince akıllıdır. –

Kategori etiketleri üst üste çakışan yüksek şemalar

cevap

İlgili konular