我们在angular应用程序中使用chart.js来创建包含两个数据集的折线图 . 图表正确显示 .
我在显示工具提示的悬停功能时遇到问题 . 目前,仅当我将鼠标悬停在某个点上时,工具提示才会显示(参见图片) . 我想要的是当我将鼠标悬停在垂直线上而不是仅仅是一个点时,工具提示会出现 .
我的理解是这应该是默认功能 . 对我来说,似乎并没有起作用 .
我尝试使用标签模式添加悬停键,但这不起作用 .
有任何想法吗?
Chart.js悬停文档:http://www.chartjs.org/docs/#chart-configuration-hover-configuration
$scope.visitChartOptions = {
legend: {
display: true
},
responsive: true,
maintainAspectRatio: false,
tooltips: {
callbacks: {
title: (value) => {
return moment(value[0].xLabel).format('LL');
}
}
},
hover: {
mode: 'label'
}