如何在Chart.js条形图中的图例中添加工具提示?

时间:2019-06-28 03:46:26

标签: javascript jsp chart.js

如何在Chart.js条形图中的图例中添加工具提示?

https://www.chartjs.org/docs/latest/configuration/tooltip.html

我尝试过

var topClickSourceChart = new Chart('click-source-chart-canvas', {
    type: 'bar',
    data: {
      datasets: [
        <c:forEach items="${clickSourcesMap}" var="cs">{label: "${cs.get('label')}", tooltip: "${cs.get('tooltip')}", data: [${cs.get('value')}]},</c:forEach>
      ]
    },
    options: {
      tooltips: {
        callbacks: {
          label: function(tooltipItem, data) {
              return data.datasets[tooltipItem.datasetIndex].tooltip;
          }
        }
      }

但是没有用。它将工具提示放到栏上,而不是图例上。

enter image description here

0 个答案:

没有答案