Apakah ada cara untuk menonaktifkan Judul dan Subjudul di Highcharts?

108

Saya hanya akan melakukan hardcode menggunakan html yang ada di sekitar grafik, saya tidak ingin menggunakan bawaan.

Saya tidak melihat opsi "nonaktifkan: benar" di API.

Adakah yang bisa membantu saya di sini.

Bagaimana Anda menonaktifkan judul / subjudul di highchart?

(jika Anda membiarkan teksnya kosong, itu masih mengukir spasi di tempat judul, saya tidak ingin ini terjadi)

highcharts D3Chiq
sumber
4
bisakah Anda menandai jawaban sebagai diterima? ;)
Plastik

Jawaban:

159

Mengatur teks judul menjadi string kosong adalah cara melakukannya.

Tidak ada ruang yang dibuat untuk judul dalam hal ini:

tanpa teks: http://jsfiddle.net/jlbriggs/JVNjs/284/

dengan teks: http://jsfiddle.net/jlbriggs/JVNjs/286/

title:{
    text:''
}

Jika Anda menginginkan lebih sedikit ruang daripada yang tersisa dalam kasus itu, cukup setel 'marginTop' Anda ke 0

{{ edit karena banyak komentar :

Seperti yang ditunjukkan beberapa kali di bawah ini, dokumentasi sekarang menyatakan text: nullsebagai metode untuk melakukannya.

Salah satu metode mencapai hasil yang diinginkan.

jlbriggs.dll
sumber
Bisakah Anda melihat ini untuk saya? Saya telah melakukan semua saran di sini dan masih ada ruang kosong yang besar, (lihat tombol cetak mengambang di ruang di kanan atas?) Goo.gl/jHR5l
D3Chiq
1
Saya pikir saya mungkin telah menyelesaikannya. Saya memiliki legenda saya sejajar dengan atas, dan mengambang di legenda disetel ke false, itu menciptakan ruang untuk itu di sana. Saya mengatur floating pada legenda menjadi true, dan sekarang itu telah mendorong sisa grafik lebih jauh.
D3Chiq
2
Seperti yang ditunjukkan di bawah ini, menyetel teks ke nol adalah solusi yang didokumentasikan.
Tom Hubbard
1
Pada versi 5.0.9ini tidak benar. Menyetel teks sehingga string kosong menghasilkan teks judul default seperti 'Judul Bagan' dan 'Nilai'.
mwilson
@mwilson Saya melihat demo dari tautan di jawaban di atas, yang (pada saat komentar ini dibuat) menggunakan 5.0.9, dan masih berfungsi dengan nullatau ''. Bisakah Anda menjelaskan atau mendemonstrasikan?
jlbriggs
61

Dari dokumen highcharts :

teks: String Judul diagram. Untuk menonaktifkan judul, setel teks ke nol. Defaultnya adalah judul Bagan.

biola: http://jsfiddle.net/daub10dr/

title:{
      text: null
      }
Plastik
sumber
1
Ini adalah jawaban yang benar, tidak tahu mengapa ini bukan jawaban yang diterima. Semua solusi lain yang disediakan di bawah ini hanyalah solusi.
Gerard
Mungkin pengguna yang mengajukan pertanyaan lupa menandainya sebagai "diterima"
Plastik
2
mungkin karena pertanyaannya telah dijawab dengan tepat 6 bulan sebelum jawaban ini diposting ...
jlbriggs
"dengan tepat" ?? jawaban apa maksudmu ?? ;-)
Plastik
4
Ini benar dengan api "baru". Ketika pertanyaan diajukan, hal ini tidak didukung. Jadi keduanya valid tergantung versinya.
TecHunter
40

Saya lebih suka metode ini:

title: {
    text: '',
    style: {
        display: 'none'
    }
},
subtitle: {
    text: '',
    style: {
        display: 'none'
    }
},
TecHunter
sumber
2
Untuk versi yang lebih baru, lihat jawaban dari Plastic dengan ´text: null´
TecHunter
17

Sangat sederhana! Di versi terbaru Highchart, setel properti judul dan subtitle ke false.

{
title: false,
subtitle: false
}

Temukan biola yang berfungsi di sini: https://jsfiddle.net/samuellawrentz/hkqnvm7k/4/

samuellawrentz.dll
sumber
13

Ini sederhana ... Hanya setel teks judul ke null. Seperti ini

    $(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]        
    }]
});

});

lihat @ APIreference: http://api.highcharts.com/highcharts#title.text

aspadacio
sumber
1
Berdasarkan dokumen, menjadi undefinedsejak komit ini github.com/highcharts/highcharts/commit/…
foxiris
9

Anda selalu dapat melakukan ini:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

Itu berhasil untuk saya :-)

catatan: jawaban ini untuk version 2.*, untuk versi yang lebih baru ada jawaban yang lebih baik.

Andy
sumber
8

Menurut dokumen Highcharts, cara yang benar adalah menyetel 'teks' menjadi nol.

Long Huynh
sumber
> Judul grafik. Untuk menonaktifkan judul, setel teks ke tidak ditentukan.
Ini
3

Inilah solusinya

title: {
    text: null
},
subtitle: {
    text: null
}
RahulKurumkar
sumber
3

Dalam kode react-native di bawah ini berfungsi untuk saya,

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

Semoga membantu.

Iva
sumber
2

Cukup tulis objek JSON

title : {
  style : {
    display : 'none'
  }
}
Ashish Bardiya
sumber
1

Bagi mereka yang menggunakan Skrip Ketik, Anda dapat mengatur Highcharts.TitleOptions untuk menyembunyikan judul bagan.

title: {
  text: undefined
},
subtitle: {
  text: undefined
}
Andrien Pecson
sumber
-1

Ini sedikit hack, tetapi Anda juga dapat mencobanya:

title: {
    text: '<span class="hidden">My custom Hello</span>',
    align:"left",
    useHTML:true
}
Hugo Chan
sumber