Highcharts'ta Başlık ve Alt Yazıyı devre dışı bırakmanın bir yolu var mı?


108

Sadece grafiğin etrafındaki html'yi kullanarak kodlayacağım, yerleşik olanı kullanmak istemiyorum.

API'de "devre dışı bırak: doğru" seçeneğini görmüyorum.

Biri bana yardım edebilir mi?

Başlığı / alt başlığı yüksek çizelgelerde nasıl devre dışı bırakırsınız?

(Metni boş bırakırsanız, başlığın olduğu noktada yine de bir boşluk bırakır, bunun olmasını istemem)


4
Lütfen cevabı kabul edildi olarak işaretler misiniz? ;)
Plastik

Yanıtlar:


159

Başlık metnini boş bir dizeye ayarlamak bunu yapmanın yoludur.

Bu durumda başlık için alan oluşturulmaz:

metinsiz : http://jsfiddle.net/jlbriggs/JVNjs/284/

metinle: http://jsfiddle.net/jlbriggs/JVNjs/286/

title:{
    text:''
}

Bu durumda kalandan daha az boşluk istiyorsanız, 'marginTop' ayarınızı 0 yapın.

{{ çok sayıda yorum nedeniyle düzenleme :

Aşağıda birkaç kez belirtildiği gibi, dokümantasyon şimdi text: nullbunu başarmanın yöntemi olarak belirtilmektedir.

Her iki yöntem de istenen sonucu elde eder.


Benim için buna bir bakar mısınız? Burada tüm önerileri yaptım ve hala büyük bir beyaz boşluk var (sağ üstteki boşlukta yüzen yazdırma düğmesine bakın?) Goo.gl/jHR5l
D3Chiq

1
Sanırım çözmüş olabilirim. Efsanemi en üste hizaladım ve efsanedeki dalgalanma yanlış olarak ayarlandı, orada bir alan yarattı. Efsanedeki kaymayı doğru olarak ayarladım ve şimdi grafiğin geri kalanını daha da yukarı itti.
D3Chiq

2
Aşağıda belirtildiği gibi, metnin null olarak ayarlanması belgelenen çözümdür.
Tom Hubbard

1
Versiyon itibariyle 5.0.9bu yanlıştır. Metni, boş bir dize 'Grafik Başlığı' ve 'Değerler' gibi varsayılan başlık metni oluşturacak şekilde ayarlamak.
mwilson

@mwilson Yukarıdaki cevaptaki bağlantıdan demoya bakıyorum, (bu yorumun yapıldığı sırada) 5.0.9 kullanıyor ve hala ya nullda ile çalışıyor ''. Detaylandırabilir misin veya gösterebilir misin?
jlbriggs

61

Gönderen Highcharts doc :

text: String Grafiğin başlığı. Başlığı devre dışı bırakmak için metni null olarak ayarlayın. Grafik başlığına varsayılan.

keman: http://jsfiddle.net/daub10dr/

title:{
      text: null
      }

1
Bu doğru cevap, bunun neden kabul edilen cevap olmadığını bilmiyorum. Aşağıda sağlanan diğer tüm çözümler yalnızca geçici çözümlerdir.
Gerard

Soruyu soran kullanıcı soruyu "kabul edildi" olarak işaretlemeyi unutabilir
Plastik

2
muhtemelen soru bu cevabın gönderilmesinden 6 ay önce uygun şekilde cevaplandığı için ...
jlbriggs

"uygun" ?? ne cevabı kastediyorsun? ;-)
Plastik

4
Bu, "yeni" api ile doğrudur. Soru sorulduğunda bu desteklenmedi. Yani her ikisi de sürüme bağlı olarak geçerlidir.
TecHunter

40

Bu yöntemi tercih ediyorum:

title: {
    text: '',
    style: {
        display: 'none'
    }
},
subtitle: {
    text: '',
    style: {
        display: 'none'
    }
},

2
Daha yeni bir sürüm için Plastic'ten "metin: null" ile verilen cevaba bakın
TecHunter


13

Çok basit ... Yalnızca başlığın metnini boş olarak ayarlayın. Bunun gibi

    $(function () {
$('#container').highcharts({
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    title: {
        text: null  
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

});

@ API başvurusuna bakın: http://api.highcharts.com/highcharts#title.text


1
Belgeye dayanarak, undefinedbu commit'den
foxiris


9

Bunu her zaman yapabilirsiniz:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

Benim için çalıştı :-)

not: bu cevap içindi version 2.*, daha yeni sürümler için daha iyi cevaplar var.


8

Highcharts belgesine göre, doğru yol 'metni' null olarak ayarlamaktır.


> Grafiğin başlığı. Başlığı devre dışı bırakmak için metni tanımsız olarak ayarlayın.
Ini


3

React-native aşağıdaki kod benim için çalıştı,

  title: {
    style : {
      display : 'none'
    }
 }

Umarım yardımcı olmuştur.



1

Typescript kullananlar için Highcharts.TitleOptions'ı grafik başlığını gizleyecek şekilde ayarlayabilirsiniz.

title: {
  text: undefined
},
subtitle: {
  text: undefined
}


-1

Bu biraz zor ama şunu da deneyebilirsiniz:

title: {
    text: '<span class="hidden">My custom Hello</span>',
    align:"left",
    useHTML:true
}
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.