小编D. *_*ant的帖子

悬停一个点时如何在Chart.js上添加一条垂直线?

我使用 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)

javascript charts chart.js

3
推荐指数
1
解决办法
3732
查看次数

如何在 Bootstrap 3 datetimepicker 中禁用特定日期的特定时间?

我正在使用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)

datepicker datetimepicker

3
推荐指数
1
解决办法
3523
查看次数