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.)

D3Chiq
quelle
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.

jlbriggs
quelle
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
      }
Plastik
quelle
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'
    }
},
TecHunter
quelle
2
Für eine neuere Version siehe Antwort von Plastic mit ´text: null´
TecHunter
17

Sehr einfach! In der neuesten Version von Highcharts setzen Sie einfach die Titel- und Untertiteleigenschaften auf false.

{
title: false,
subtitle: false
}

Die funktionierende Geige finden Sie hier: https://jsfiddle.net/samuellawrentz/hkqnvm7k/4/

samuellawrentz
quelle
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

Aspadacio
quelle
1
undefined
Basierend
10

Setzen Sie das Textfeld auf null

Aus der Dokumentation unter http://api.highcharts.com/highcharts#title.text

Textzeichenfolge

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

Thunderducky
quelle
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.

Andy
quelle
8

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

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

Hier ist die Lösung

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

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

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

Hoffe es hat geholfen.

Iva
quelle
2

Schreiben Sie einfach ein JSON-Objekt

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

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

title: {
  text: undefined
},
subtitle: {
  text: undefined
}
Andrien Pecson
quelle
-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
}
Hugo Chan
quelle