chart.jsでドーナツ型グラフの中央にタイトルを載せたい

Question

現在chart.jsにてドーナツ型グラフを作成しています。

実装したものはこちらです

chart.jsのドキュメント

現在、以下のようなコードを書いて、
ドーナツグラフを表示しております。

今回やりたいことは、
ドーナツグラフの真ん中の穴の中央にタイトルを入れたいです。
例えば「制作実績円グラフ」のようなテキストを入れることは可能なのでしょうか。
できれば 制作実績<br>円グラフ のような改行を入れることも可能でしょうか。

わかるかたがいましたら教えていだだけないでしょうか。
よろしくお願いいたします。

<div class="chart_price">
   <canvas id="chartPrice" width="300" height="300"></canvas>
</div>

          //ドーナツグラフ
          var ctx = document.getElementById("chartPrice");
          var myPieChart = new Chart(ctx, {
            //グラフの種類
            type: 'doughnut',
            //データの設定
            data: {
                //データ項目のラベル
                labels: ["30万円以下", "30万～50万", "60万～90万", "100万～200万", "200万円以上"],
                //データセット
                datasets: [{
                    //背景色
                    backgroundColor: [
                        "#DA372B",
                        "#EAAF00",
                        "#3A9A4B",
                        "#3A7CEC",
                        "#8042FF"
                    ],
                    //背景色(ホバーしたとき)
                    hoverBackgroundColor: [
                        "#DA372B",
                        "#EAAF00",
                        "#3A9A4B",
                        "#3A7CEC",
                        "#8042FF"
                    ],
                    //グラフのデータ
                    data: [314, 80, 108, 79, 10]
                }]
            }
          });

Answer 1

こちらの方法で解決しました

CSSのpositionでやることにしました。
ありがとうございましたm(__)m

<div class="chart_price">
   <canvas id="chartPrice" width="300" height="300"></canvas>
   <p>制作実績<br>円グラフ</p>
</div>

.chart_price {
  position: relative;
}

p {
   position: absolute;
   top: 0;
   left: 0;
   margin: auto;
   right: 0;
   margin: auto;
   text-align: center;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%); 
}