Javascript 自定义ChartJS2.x工具提示

Javascript 自定义ChartJS2.x工具提示,javascript,jquery,css,chart.js,Javascript,Jquery,Css,Chart.js,您在图片上看到的内容是由chartjs1.x版本创建的。正如您在每个点上悬停时所看到的,对于每个对应点的两个数据集,我都有相同的工具提示 但在将我们的chartjs升级到第2版后,我可以分别显示每个点的工具提示 我怎样才能拥有像chartjs 1.x版这样的老式工具提示(就像第一张图片) 是否有任何设置或设置 在选项中设置工具提示。模式为标签 options: { ...... tooltips: { mode: 'label', }, ....... } v

您在图片上看到的内容是由
chartjs
1.x版本创建的。正如您在每个点上悬停时所看到的,对于每个对应点的两个数据集,我都有相同的工具提示

但在将我们的
chartjs
升级到第2版后,我可以分别显示每个点的工具提示

我怎样才能拥有像chartjs 1.x版这样的老式工具提示(就像第一张图片)


是否有任何设置或设置

选项中
设置
工具提示。模式
标签

options: {
......
    tooltips: {
      mode: 'label',
    },
.......
}
var chartColors={
红色:“rgb(255,99,132)”,
橙色:“rgb(25515964)”,
黄色:“rgb(25520586)”,
绿色:“rgb(75192192)”,
蓝色:“rgb(54162235)”,
紫色:“rgb(153102255)”,
灰色:“rgb(231233237)”
};
var randomScalingFactor=函数(){
返回(Math.random()>0.5?1.0:-1.0)*数学四舍五入(Math.random()*100);
}
风险值月份=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”];
变量配置={
键入:“行”,
数据:{
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”],
数据集:[{
标签:“我的第一个数据集”,
背景颜色:chartColors.red,
边框颜色:chartColors.red,
数据:[
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
],
填充:假,
}, {
标签:“我的第二个数据集”,
填充:假,
背景颜色:chartColors.blue,
边框颜色:chartColors.blue,
数据:[
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
],
}]
},
选项:{
回答:是的,
标题:{
显示:对,
文本:“Chart.js折线图”
},
工具提示:{
模式:“标签”,
},
悬停:{
模式:“最近的”,
交集:对
},
比例:{
xAxes:[{
显示:对,
scaleLabel:{
显示:对,
标签串:“月”
}
}],
雅克斯:[{
显示:对,
scaleLabel:{
显示:对,
标签字符串:“值”
}
}]
}
}
};
var ctx=document.getElementById(“画布”).getContext(“2d”);
window.myLine=新图表(ctx,配置)

非常感谢您提供的解决方案:)