在散点图ChartJS中设置X轴的最小日期

时间:2018-07-07 15:48:30

标签: javascript react-chartjs chartjs-2.6.0

当我通过数据点传递Y坐标的数字值和x坐标的日期值时,即使我最早的日期是2018年,散点图也将x轴从1976开始。 如何设置x轴起始值? 这是我的数据和选项的样子。 日期格式:2018/06/30

data: {
    datasets: [{
        label: 'Scatter Dataset',
        data: [{
            x: 10,
            y: ‘2018/06/30’
        }, {
            x: 0,
            y: ‘2018/06/01’
        }, {
            x: 100,
            y: ‘2018/06/04’
        }]
    }]
}
options: {
    scales: {
        xAxes: [{
            type: 'time',
                     ticks: {
                     suggestedMin: ‘2018/01/01’,
            }
        }]
    }
}

我尝试将新的Date('2018/01/01')传递给uggestedMin,我也尝试使用Min代替uggestedMin。

1 个答案:

答案 0 :(得分:1)

我们可以像这样在x轴上添加最小起点,

data: {
datasets: [{
    label: 'Scatter Dataset',
    data: [{
        x: 10,
        y: ‘2018/06/30’
    }, {
        x: 0,
        y: ‘2018/06/01’
    }, {
        x: 100,
        y: ‘2018/06/04’
    }]
}]
 }
options: {
  scales: {
    xAxes: [{
        type: 'time',
                 ticks: {
                 suggestedMin: ‘2018/01/01’,
        },
       time:{

             min:2018/01/01,
             max:2028/02/02
    }]
}
}