Untertitel und Titel am oberen Rand der Highcharts

Question

Gibt es eine saubere Möglichkeit, Titel und Untertitel am Ende einer Highcharts-Tabelle zu platzieren?

Wenn beide verticalAlign zu bottom Einstellung überlappt der Untertitel den Titel, und das Hinzufügen einer Offset y macht eine oder das andere entweder Überlauf aus dem Diagramm Kasten oder mit dem Diagramm in sich überlappen.

Standardverhalten:

Hinzufügen von 20px auf Untertitel-Offset:

ich das Diagramm wünschen würde einfach Platz machen sowohl für am Boden zu sein, da Gesamthöhe und Breite ist definiert.

Answer 1

Sie müssen einfach einen marginBottom zu Ihrem Diagramm hinzufügen, um Platz für die Titel zu schaffen. Außerdem verschiebt ein negatives y-Attribut die Titel nach oben.

So etwas wie die folgenden sollten Ihre Probleme lösen:

chart: { 
    type: 'pie', 
    marginBottom: 80 
}, 
title: { 
    text: 'Main title', 
    verticalAlign: 'bottom', 
    y: -30 
}, 
subtitle: { 
    text: 'My subtitle', 
    verticalAlign: 'bottom', 
    y: -10 
} 

Wie auch in this fiddle dargestellt.