禁用自动放大数据

时间:2019-05-12 10:35:36

标签: javascript chart.js

我有一个散点图,x轴是一年中的一天。 即使隐藏数据集A(单击蓝色框),我也总是希望显示整个X轴。 对于Y轴,它已经起作用

var ctx = document.getElementById("plot").getContext('2d');

var doyChart = new Chart(ctx, {
    type: 'scatter',
    data: {
        labels: ['2016-01-01', '2016-11-01', '2016-12-01'],
        datasets: [{ label: 'A', backgroundColor: 'blue',
                     data: [{t: '2016-07-08', y: 1},{t: '2016-12-29', y: 1}]
                     },
                   { label: 'B', backgroundColor: 'red',
                     data: [{t: '2016-11-01', y: 2}] 
                     }
                    ]
    },
    options: {
       scales: {
          xAxes: [{ type: 'time', 
                    ticks: { source: 'labels',  
            /*min: moment("2016-01-01"), max: moment("2016-12-31") */
            min: "2016-01-01", max: "2016-12-31" 
                           },
                time: {parser: 'YYYY-MM-DD',
                   displayFormats: {day: 'MMM D' },
                           stacked: true
                    }
          }],
          yAxes: [{ ticks: {
                       beginAtZero:true,
                       max: 2,
                },
          }]
        }
    }
});
<html>
  <body>
    <canvas id="plot" ></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>


 </body>
</html>

我的minmax值似乎根本没有影响,我尝试将其作为日期和字符串,但无济于事。

0 个答案:

没有答案