Javascript 需要帮助了解自定义工具提示（chartjs）的配置吗

我是Chartjs的完全初学者，很难从官方文档中找到设计自定义工具提示（折线图）的配置，如下所示：

当前配置和图像：

const data = {
  labels: labelsArray,
  datasets: [
    {
      fill: false,
      lineTension: 0,
      backgroundColor: 'rgba(75,192,192,0.4)',
      borderColor: '#006fc9',
      borderWidth: 1,
      borderCapStyle: 'round',
      borderDash: [],
      borderDashOffset: 0.0,
      borderJoinStyle: 'miter',
      pointBorderColor: 'rgba(75,192,192,1)',
      pointBackgroundColor: '#fff',
      pointBorderWidth: 1,
      pointHoverRadius: 5,
      pointHoverBackgroundColor: 'rgba(0, 111, 201, 0.23)',
      pointHoverBorderColor: 'rgba(0, 109, 197, 0.45)',
      pointHoverBorderWidth: 1,
      pointRadius: 0,
      pointHitRadius: 10,
      data: leadsArr,
    }
  ]
};

const options = {
  maintainAspectRatio: false,
  responsive: true,
  legend: {
    display: false
  },
  scales: {
    xAxes: [{
      gridLines: {
        display: false
      },
      scaleLabel: {
        display: true,
        labelString: 'Time'
      }
    }],
    yAxes: [{
      ticks: {
        stepSize: 20,
        beginAtZero: true
      },
      gridLines: {
        drawBorder: false
      },
      scaleLabel: {
        display: true,
        labelString: 'Leads',
      }
    }]
  },
  tooltips: {
    mode: 'index',
    backgroundColor: 'rgba(255,255,255)',
    borderColor: 'rgb(0, 0, 0)',
    borderWidth: 0.3,
    cornerRadius: 0,
    caretSize: 0,
    xPadding: 70,
    yPadding: 25,
    titleFontColor: 'rgba(0, 0, 0, 0.87)',
    titleFontSize: 10,
    titleFontFamily: 'Roboto',
    bodyFontFamily: 'Roboto',

  }
};

我尝试过使用配置，但仍然无法实现图像中的工具提示

---

p.S:我只是想寻求解决问题的建议/最佳方法，其他什么都没有。

Chart.js可以选择定义问题

可以使用占位符定义html元素以显示值，并在自定义工具提示函数中设置这些值。下面是如何做到这一点的一个片段

var canvas=document.getElementById（'myChart'）；
风险值数据={
数据：[65,59,80,0,56,55,40]，
比率：[9,20,15,40,33,20,15]，
会议：[1,2,3,4,4,2,1]，
邮件：[1000、2000、2500、3000、2500、1500、2500]
}
var customTooltips=函数（工具提示）{
//工具提示元素
var tooltipEl=document.getElementById（'chartjs-tooltip'）；
//如果没有工具提示，则隐藏
如果（tooltip.opacity==0）{
tooltipEl.style.opacity=0；
回来
}
//设置插入符号位置
移除（'Upper'、'Down'、'no transform'）；
如果（工具提示.yAlign）{
添加（tooltip.yAlign）；
}否则{
tooltipEl.classList.add（'no-transform'）；
}
如果（工具提示.数据点.长度）{
var ind=工具提示。数据点[0]。索引；
$（“#spn leads”）.text（data.data[ind]）；
$（#spn会议”）.text（data.meetings[ind]）；
$（“#spn邮件”）.text（data.mails[ind]）；
$（“#spn比率”）.text（data.rate[ind]）；
}
var positionY=此。_chart.canvas.offsetTop；
var positionX=此。_chart.canvas.offsetLeft；
//显示、定位和设置字体样式
tooltipEl.style.opacity=1；
tooltipEl.style.left=positionX+tooltip.caretX+'px'；
tooltipEl.style.top=positionY+tooltip.caretY+'px'；
ToolTipe.style.fontFamily=工具提示。\u fontFamily；
tooltipEl.style.fontSize=tooltip.fontSize；
tooltipEl.style.fontStyle=工具提示。\u fontStyle；
tooltipEl.style.padding=tooltip.yPadding+'px'+tooltip.xPadding+'px'；
};
变量lineData={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[
{
标签：“我的第一个数据集”，
填充：假，
线张力：0.1，
背景颜色：“rgba（75192192,0.4）”，
边框颜色：“rgba（75192192,1）”，
borderCapStyle:“butt”，
borderDash:[]，
borderDashOffset:0.0，
borderJoinStyle:'斜接'，
pointBorderColor:“rgba（75192192,1）”，
pointBackgroundColor:#fff“，
点边界宽度：1，
点半径：5，
pointHoverBackgroundColor:“rgba（75192192,1）”，
pointHoverBorderColor:“rgba（2201）”，
pointHoverBorderWidth:2，
点半径：5，
点半径：10，
数据：data.data
}
]
};
var选项={
标题：{
显示：对，
文本：“Chart.js-自定义工具提示”
},
工具提示：{
启用：false，
模式：“索引”，
位置：'最近'，
自定义：自定义工具提示
}
};
var myLineChart=图表线（画布{
数据：lineData，
选项：选项
});
画布{
-moz用户选择：无；
-webkit用户选择：无；
-ms用户选择：无；
}
#chartjs工具提示{
不透明度：1；
位置：绝对位置；
背景：白色；
颜色：黑色；
边框：1px纯黑；
-webkit过渡：所有.1s易用性；
过渡：全部1秒轻松；
指针事件：无；
-webkit转换：转换（-50%，0）；
转换：转换（-50%，0）；
最小宽度：200px；
}
.chartjs工具提示键{
显示：内联块；
宽度：10px；
高度：10px；
右边距：10px；
}

2016年9月29日

潜在客户数量：

会议次数：

发出的邮件：


成功

速度
Chart.js可以选择定义一个

可以使用占位符定义html元素以显示值，并在自定义工具提示函数中设置这些值。下面是如何做到这一点的一个片段


var canvas=document.getElementById（'myChart'）；
风险值数据={
数据：[65,59,80,0,56,55,40]，
比率：[9,20,15,40,33,20,15]，
会议：[1,2,3,4,4,2,1]，
邮件：[1000、2000、2500、3000、2500、1500、2500]
}
var customTooltips=函数（工具提示）{
//工具提示元素
var tooltipEl=document.getElementById（'chartjs-tooltip'）；
//如果没有工具提示，则隐藏
如果（tooltip.opacity==0）{
tooltipEl.style.opacity=0；
回来
}
//设置插入符号位置
移除（'Upper'、'Down'、'no transform'）；
如果（工具提示.yAlign）{
工具管