更改chart.js的工具提示标题？

Question

我想为图表的工具提示分配不同的标题（使用图表js 2.9.2创建），因此我创建了一个数组，该数组应始终相应显示。不幸的是，它没有按我希望的那样工作。我希望有人可以帮助我解决这个问题。

我的数组看起来像这样：

var new_title = [<?php echo "'".$title_new."'";?>];

我的尝试看起来像这样：

title: function(tooltipItem, data) {
    for (var x = 0; x < tooltipItems.length; x++) {
    return new_title[x];    
    };
},

在此先感谢我的英语不好。

Answer 1

您可以尝试更新title回调，例如：

title: function(tooltipItem, data) {
    return new_title[tooltipItem[0].index]; 
},

演示：

var new_title = ['This is a custom title'];
new Chart($("#barchart"), {
  type: 'horizontalBar',
  data: {
    "labels": ["Label"],
    "datasets": [{
      "data": [42]
    }]
  },
  options: {
    tooltips: {
      callbacks: {
        title: function(tooltipItem, data) {
          return new_title[tooltipItem[0]['index']];
        }
      }
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js"></script>

<canvas id="barchart" width="80" height="20"></canvas>