Javascript 使用chart.js向双轴线条图和条形图添加标题

我正在使用chart.js中的双轴图表，使用的是叠加在条形图上的折线图，我从中发现了工作代码，该图表工作得很好，但是我无法显示y轴标签或图表标题

在我开始使用叠加图之前，我使用的是一个普通的双轴图，我添加标题和标签的方式非常有效，所以我对如何让标题和标签显示在当前图表上有点困惑

这是我目前的代码：

$scope.drawChart = function(data_1, data_2, labels) {
    var overlayData = {
      labels: labels,
      title: {
        display: true,
        text: 'Chart Title'
      },
      datasets: [{
        label: "Revenue Potential Per Available Rental",
        type: "bar",
        scaleLabel: {
          display: true,
          labelString: "Revenue Potential Per Available Rental"
        },
        yAxesGroup: "1",
        fillColor: "rgba(56, 132, 199,0.5)",
        strokeColor: "rgba(56, 132, 199,0.8)",
        highlightFill: "rgba(56, 132, 199,0.75)",
        highlightStroke: "rgba(56, 132, 199,1)",
        data: data_1
      }, {
        label: "Average Monthly Listings",
        type: "line",
        scaleLabel: {
          display: true,
          labelString: "Average Monthly Listings"
        },
        yAxesGroup: "2",
        fillColor: "rgba(89, 89, 89,0.5)",
        strokeColor: "rgba(89, 89, 89,0.8)",
        highlightFill: "rgba(89, 89, 89,0.75)",
        highlightStroke: "rgba(89, 89, 89,1)",
        data: data_2
      }],
      yAxes: [{
        name: "1",
        scalePositionLeft: false,
        scaleFontColor: "rgba(56, 132, 199,0.5,0.8)"
      }, {
          name: "2",
          scalePositionLeft: true,
          scaleFontColor: "rgba(89, 89, 89,0.8)"
      }]
    };

    var myOverlayChart = new Chart(document.getElementById("chart").getContext("2d")).Overlay(overlayData,
    {
        populateSparseData: true,
        overlayBars: false,
        datasetFill: true,
        responsive: true
    });
  }

我以前用于添加到标签中的代码片段是： 数据集：[{ scaleLabel：{ 显示：对， 标签字符串：“平均每月列表” }, …}]

我获得头衔的方式是这样的：

title: {
    display: true,
    text: 'Chart Title'
}

---

这是我为它做的一把小提琴：

这个怎么样：@Hackerman-这似乎增加了一个标签，我也需要显示出来，所以谢谢你！然而，我试图让它显示顶部标题，以及左右y轴。