Gibt es eine Möglichkeit, Titel und Untertitel in Highcharts zu deaktivieren?


108

Ich werde es nur mit HTML fest codieren, das sich um das Diagramm herum befindet. Ich möchte das integrierte nicht verwenden.

Ich sehe keine "disable: true" -Option in der API.

Kann mir hier jemand helfen?

Wie deaktiviert man den Titel / Untertitel in Highcharts?

(Wenn Sie den Text einfach leer lassen, wird an der Stelle, an der sich der Titel befindet, immer noch ein Leerzeichen herausgeschnitten. Ich möchte, dass dies nicht passiert.)


4
Können Sie bitte die Antwort als akzeptiert markieren? ;)
Plastic

Antworten:


159

Wenn Sie den Titeltext auf eine leere Zeichenfolge setzen, können Sie dies tun.

In diesem Fall wird kein Platz für den Titel erstellt:

ohne Text: http://jsfiddle.net/jlbriggs/JVNjs/284/

mit Text: http://jsfiddle.net/jlbriggs/JVNjs/286/

title:{
    text:''
}

Wenn Sie weniger Speicherplatz benötigen als in diesem Fall übrig bleibt, setzen Sie einfach Ihr 'marginTop' auf 0

{{ bearbeiten aufgrund zahlreicher Kommentare :

Wie weiter unten bereits erwähnt, wird in der Dokumentation nun text: nulldie Methode angegeben, um dies zu erreichen.

Beide Methoden erzielen das gewünschte Ergebnis.


Könnten Sie sich das für mich ansehen? Ich habe alle Vorschläge hier gemacht und es gibt immer noch einen riesigen Leerraum (siehe den Druckknopf oben rechts im Raum?) Goo.gl/jHR5l
D3Chiq

1
Ich glaube, ich habe es vielleicht gelöst. Ich hatte meine Legende nach oben ausgerichtet und das Schweben auf der Legende wurde auf false gesetzt, es wurde dort ein Platz dafür geschaffen. Ich habe das Floating auf der Legende auf true gesetzt und jetzt hat es den Rest des Diagramms weiter nach oben geschoben.
D3Chiq

2
Wie unten ausgeführt, ist das Setzen des Textes auf Null die dokumentierte Lösung.
Tom Hubbard

1
Ab Version ist 5.0.9dies falsch. Wenn Sie den Text so einstellen, dass eine leere Zeichenfolge Standardtiteltext wie "Diagrammtitel" und "Werte" generiert.
Mwilson

@mwilson Ich schaue mir die Demo über den Link in der obigen Antwort an, die (zum Zeitpunkt dieses Kommentars) 5.0.9 verwendet und immer noch mit entweder nulloder funktioniert ''. Können Sie näher darauf eingehen oder demonstrieren?
Jlbriggs

61

Aus dem Highcharts-Dokument :

text: String Der Titel des Diagramms. Um den Titel zu deaktivieren, setzen Sie den Text auf null. Der Standardwert ist der Diagrammtitel.

Geige: http://jsfiddle.net/daub10dr/

title:{
      text: null
      }

1
Dies ist die richtige Antwort. Ich weiß nicht, warum dies nicht die akzeptierte Antwort ist. Alle anderen unten aufgeführten Lösungen sind nur Problemumgehungen.
Gerard

Möglicherweise hat der Benutzer, der die Frage gestellt hat, vergessen, sie als "akzeptiert"
Plastic

2
wahrscheinlich, weil die Frage 6 Monate vor der
Veröffentlichung

"passend"?? Welche Antwort meinst du? ;-)
Plastik

4
Dies ist mit der "neuen" API richtig. Als die Frage gestellt wurde, wurde dies nicht unterstützt. Beide sind also je nach Version gültig.
TecHunter

40

Ich bevorzuge diese Methode:

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

2
Für eine neuere Version siehe Antwort von Plastic mit ´text: null´
TecHunter


13

Es ist einfach ... Setzen Sie nur den Titeltext auf null. So was

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

});

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


1
undefined
Basierend


9

Sie können dies immer tun:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

Das hat bei mir geklappt :-)

Hinweis: Diese Antwort war für version 2.*, für neuere Versionen gibt es bessere Antworten.


8

Laut Highcharts-Dokument besteht der richtige Weg darin, 'text' auf null zu setzen.


> Der Titel des Diagramms. Um den Titel zu deaktivieren, setzen Sie den Text auf undefiniert.
Ini


3

In React-Native unten Code für mich funktioniert,

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

Hoffe es hat geholfen.



1

Für diejenigen, die Typescript verwenden, können Sie die Highcharts.TitleOptions festlegen, um den Diagrammtitel auszublenden.

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


-1

Dies ist ein kleiner Hack, aber Sie können das auch versuchen:

title: {
    text: '<span class="hidden">My custom Hello</span>',
    align:"left",
    useHTML:true
}
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.