【问题标题】:Set Minimum date for X Axis in scatter plot ChartJS在散点图中设置 X 轴的最小日期 ChartJS
【发布时间】:2018-12-15 21:45:32
【问题描述】:

当我使用 Y 坐标的数值和 x 坐标的日期值传递数据点时,散点图的 x 轴从 1976 年开始,即使我最早的日期是 2018 年。 如何设置 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’,
            }
        }]
    }
}

我尝试将 new Date('2018/01/01') 传递给建议的Min,我也尝试使用 Min 而不是建议的Min。

【问题讨论】:

    标签: javascript react-chartjs chartjs-2.6.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
                }
            }]
        }
    }
    

    【讨论】:

    • 对我来说,time: {min: '2020-06-29', max: '2020-07-31'} 部分有效。 suggestedMin 无法自行工作(小于数据最小值)。
    • 你可能会建议Min仅用于刻度
    猜你喜欢
    • 1970-01-01
    • 2019-07-07
    • 1970-01-01
    • 2016-11-10
    • 2016-02-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-03
    相关资源
    最近更新 更多