ハイチャートの下にある字幕とタイトル

Question

ハイチャートチャートの下にタイトルとサブタイトルの両方を配置するクリーンな方法はありますか？

両方verticalAlignbottomに設定し、字幕は、タイトルと重複、加算オフセットyグラフボックスのうちの一方または他方のいずれかのオーバーフローになり、またはそれ自体のグラフと重なります。

デフォルトの動作：

字幕にオフセット20ピクセルの追加

：

を、私は両方とも全体の高さから、一番下にあるために、チャートは、単にスペースを作ることを望みます幅が定義されています。

Answer 1

タイトルにスペースを割り当てるには、単にmarginBottomをグラフに追加するだけです。さらに、負のy属性は、タイトルを上に移動させます。次のような

何かがあなたの問題を解決する必要があります。

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

はやはりthis fiddleに示します。