web-dev-qa-db-fra.com

Existe-t-il un moyen de désactiver le titre et les sous-titres dans les tableaux à haute altitude?

Je vais juste le coder en utilisant HTML qui se trouve autour du graphique, je ne veux pas utiliser les fonctions intégrées.

Je ne vois pas d'option "disable: true" dans l'API.

Quelqu'un peut-il m'aider ici.

Comment désactive-t-on le titre/sous-titre dans les highcharts?

(si vous laissez simplement le texte vide, il crée encore un espace à cet endroit où se trouve le titre, j'aimerais que cela ne se produise pas)

highcharts
96
D3Chiq

Définir le texte du titre sur une chaîne vide est le moyen de le faire.

Aucun espace n'est créé pour le titre dans ce cas:

sans texte: http://jsfiddle.net/jlbriggs/JVNjs/284/

avec texte: http://jsfiddle.net/jlbriggs/JVNjs/286/

title:{
    text:''
}

Si vous voulez moins d’espace qu’il ne vous en reste, définissez simplement votre "marginTop" sur 0

{{ edit en raison de nombreux commentaires :

Comme indiqué ci-dessous à plusieurs reprises, la documentation indique maintenant text: null comme méthode pour y parvenir.

Les deux méthodes permettent d'obtenir le résultat souhaité.

140
jlbriggs

De la doc highcharts :

text: String Le titre du graphique. Pour désactiver le titre, définissez le texte sur null. Par défaut, le titre du graphique.

violon: http://jsfiddle.net/daub10dr/

title:{
      text: null
      }
53
Plastic

Je préfère cette méthode:

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

Très simple! Dans la dernière version de Highcharts, définissez simplement les propriétés de titre et de sous-titre sur false.

{
title: false,
subtitle: false
}

Trouvez le violon qui fonctionne ici: https://jsfiddle.net/samuellawrentz/hkqnvm7k/4/

14
samuellawrentz

C'est simple ... Définissez uniquement le texte du titre sur null. Comme ça

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

});

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

13
aspadacio

Définissez le champ de texte sur null

De la documentation à http://api.highcharts.com/highcharts#title.text

texte: chaîne

Le titre de la carte. Pour désactiver le titre, définissez le texte sur null. Par défaut, le titre du graphique.

10
Thunderducky

Vous pouvez toujours faire ça:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

Cela a fonctionné pour moi :-)

note: cette réponse était pour version 2.*, pour les versions plus récentes, les réponses sont meilleures.

9
Andy

Selon la doc Highcharts, la méthode correcte consiste à définir "text" sur null.

8
Long Huynh

Voici la solution

title: {
    text: null
},
subtitle: {
    text: null
}
3
RahulK

Il suffit d'écrire un objet JSON

title : {
  style : {
    display : 'none'
  }
}
2
Ashish Bardiya

Dans le code réactif natif ci-dessous a fonctionné pour moi,

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

J'espère que ça a aidé.

1
Iva