我使用 Chart.js 创建了一个图表。它在水平和垂直轴上显示一些货币值。我添加了很多点,并将它们显示为圆圈。当悬停在这样的点上时,我想在该点上添加一条垂直线:

这是我的图表代码:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.js"></script>
<div class="container" style="width: 100%;margin-top:30px;">
<canvas id="myChart"></canvas>
</div>
<script>
let zzz = document.getElementById('myChart').getContext('2d');
// Global Options
Chart.defaults.global.defaultFontFamily = 'Arial';
Chart.defaults.global.defaultFontSize = 16;
Chart.defaults.global.defaultFontColor = '#000';
let massPopChart = new Chart(zzz, {
type:'line',
data:{
labels:[
'20/09/2017',
'20/10/2017',
'20/11/2017',
'20/12/2017'
],
datasets:[{
label:'US Dollar',
fill: false,
lineTension: 0,
data:[
123,
143,
156,
122
],
pointBackgroundColor: '#f90',
pointHoverBackgroundColor: '#fff',
//backgroundColor:'green',
backgroundColor:[
'#2277bb',
'#2277bb',
'#2277bb',
'#000000',
],
borderWidth:3,
borderColor:'#f90',
hoverBorderWidth:3,
hoverBorderColor:'#fff'
}]
},
options:{
title:{
display:true,
text:'Chart …Run Code Online (Sandbox Code Playgroud)我正在使用Bootstrap 3 DateTimePicker并且我试图在某些特定日期禁用某些特定时间。例如,我想禁用 06/27/2018 中的 08:00 小时选项和 06/30/2018 中的 17:00 小时选项。
我尝试使用“disabledHours”选项。但是此选项会禁用所有天中的给定小时。
那么我怎样才能做到这一点呢?
这是我的代码。
$(".datepicker").datetimepicker({
format: 'MM/DD hh:ii',
datesDisabled: ['2016/08/20'],
autoclose: true,
});
Run Code Online (Sandbox Code Playgroud)