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

Lesezeit: 4 Minuten

Benutzeravatar von D3Chiq
D3Chiq

Ich werde es nur fest codieren, indem ich HTML verwende, das sich um das Diagramm herum befindet, ich möchte das eingebaute nicht verwenden.

Ich sehe keine Option “deaktivieren: wahr” in der API.

Kann mir hier jemand weiterhelfen.

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

Benutzeravatar von jlbriggs
jlbriggs

Das Festlegen des Titeltexts auf eine leere Zeichenfolge ist der Weg, dies zu 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 Platz benötigen, als in diesem Fall übrig ist, setzen Sie einfach Ihr ‘marginTop’ auf 0

{{edit aufgrund zahlreicher kommentare:

Wie unten mehrfach erwähnt, heißt es in der Dokumentation jetzt text: null als Methode, um dies zu erreichen.

Beide Methoden erzielen das gewünschte Ergebnis.

  • Könntest du dir das für mich anschauen? Ich habe alle Vorschläge hier gemacht und es gibt immer noch einen riesigen weißen Raum (sehen Sie die Druckschaltfläche, die oben rechts im Raum schwebt?) goo.gl/jHR5l

    – D3Chiq

    10. April 2013 um 16:21 Uhr

  • Ich glaube, ich habe es vielleicht gelöst. Ich hatte meine Legende oben ausgerichtet, und das Schweben auf der Legende wurde auf falsch gesetzt, es hat dort einen Platz dafür geschaffen. Ich habe das Schweben in der Legende auf wahr gesetzt, und jetzt hat es den Rest des Diagramms weiter nach oben verschoben.

    – D3Chiq

    10. April 2013 um 16:36 Uhr

  • Wie unten ausgeführt, ist das Festlegen des Texts auf null die dokumentierte Lösung.

    – Tom Hubbard

    3. Juni 2014 um 15:39 Uhr

  • Ab Version 5.0.9 Das ist falsch. Das Festlegen von Text, sodass eine leere Zeichenfolge einen Standardtiteltext wie „Diagrammtitel“ und „Werte“ generiert.

    – mwilson

    12. März 2017 um 2:42 Uhr

  • @mwilson Ich schaue mir die Demo über den Link in der obigen Antwort an, die (zum Zeitpunkt dieses Kommentars) 5.0.9 verwendet und mit beiden immer noch funktioniert null oder ''. Können Sie das erläutern oder demonstrieren?

    – jlbriggs

    13. März 2017 um 12:38 Uhr


Von dem Highcharts doc:

text: String Der Titel des Diagramms. Um den Titel zu deaktivieren, setzen Sie den Text auf null. Standardmäßig Diagrammtitel.

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

title:{
      text: null
      }

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

    – Gerhard

    5. Februar 2015 um 16:33 Uhr

  • Möglicherweise hat der Benutzer, der die Frage gestellt hat, einfach vergessen, sie als “akzeptiert” zu markieren.

    – Kunststoff

    5. März 2015 um 13:59 Uhr

  • wahrscheinlich, weil die Frage 6 Monate vor dem Posten dieser Antwort angemessen beantwortet wurde …

    – jlbriggs

    24. Juni 2015 um 11:47 Uhr

  • “passend”?? welche antwort meinst du?? 😉

    – Kunststoff

    8. Oktober 2015 um 9:46 Uhr

  • Mit der “neuen” API ist dies korrekt. Als die Frage gestellt wurde, wurde dies nicht unterstützt. Je nach Version ist also beides gültig.

    – TecHunter

    9. Februar 2016 um 8:53 Uhr

Ich bevorzuge diese Methode:

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

  • Für neuere Versionen siehe Antwort von Plastic mit ´text: null´

    – TecHunter

    9. Februar 2016 um 8:54 Uhr

Sehr einfach! Setzen Sie in der neuesten Version von Highcharts einfach die Titel- und Untertiteleigenschaften auf „false“.

{
title: false,
subtitle: false
}

Finden Sie die funktionierende Geige hier: https://jsfiddle.net/samuellawrentz/hkqnvm7k/4/

Ganz einfach… Nur den Text des Titels auf null setzen. 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]        
    }]
});

});

[email protected]: http://api.highcharts.com/highcharts#title.text

Sie können dies immer tun:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

Das hat bei mir funktioniert 🙂

Hinweis:

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

Benutzeravatar der Community
Gemeinschaft

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. Standardmäßig Diagrammtitel.

1434620cookie-checkGibt es eine Möglichkeit, Titel und Untertitel in Highcharts zu deaktivieren?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy