时间戳

首页 > 解决方案 > 禁用自动放大数据

javascript - 禁用自动放大数据

问题描述

我有一个散点图，x 轴是一年中的一天。我总是希望显示整个 X 轴，即使我隐藏了数据集 A（通过单击蓝色框）。对于 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>

我的min和max价值观似乎根本没有效果，我尝试了日期和字符串，但无济于事。

标签： javascriptchart.js

解决方案

推荐阅读