Question

我使用Chart.js绘制了几个条形图。我想修改我所有图表工具提示的默认内容。

但以下代码不起作用：

＆＃13;

Chart.defaults.global.tooltips.callbacks.title = function(tooltipItems, data) {
  return "Overriden title"; // This code is not executed
};

new Chart($("#barchart"), {
  type: 'horizontalBar',
  data: {
    "labels": ["Label"],
    "datasets": [{
      "data": [42]
    }]
  },
});

＆＃13;

<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>

＆＃13;

我知道我可以在每个Chart构造函数中将回调作为一个选项传递，但我想将其设置为全局选项。

Answer 1

将键global替换为horizontalBar

Chart.defaults.horizontalBar.tooltips.callbacks.title = function(tooltipItems, data) {
  return "Overriden title"; // This code is executed
};

new Chart($("#barchart"), {
  type: 'horizontalBar',
  data: {
    "labels": ["Label"],
    "datasets": [{
      "data": [42]
    }]
  },
});

<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>

如何使用chart.js为工具提示标题设置默认回调

1 个答案: