我正在使用http://www.chartjs.org/上的折线图

正如你可以看到Y轴的最大值(130)和最小值(60)是自动选择的,我想要最大值= 500和最小值=0。这可能吗?


当前回答

只需在选项中设置scaleStartValue的值。

var options = {
   // ....
   scaleStartValue: 0,
}

请在这里查看相关文档。

其他回答

对于chart.js V2 (beta),使用:

var options = {
    scales: {
        yAxes: [{
            display: true,
            ticks: {
                suggestedMin: 0,    // minimum will be 0, unless there is a lower value.
                // OR //
                beginAtZero: true   // minimum value will be 0.
            }
        }]
    }
};

有关线轴配置的详细信息,请参阅chart.js文档。

只需在选项中设置scaleStartValue的值。

var options = {
   // ....
   scaleStartValue: 0,
}

请在这里查看相关文档。

在1.1.1中,我使用以下方法来固定0.0和1.0之间的比例:

var options = {
    scaleOverride: true,
    scaleStartValue: 0,
    scaleSteps: 10,
    scaleStepWidth: 0.1
}

从最新版本v3.9.1开始,你可以像这样设置你的比例:

options:{
    scales:{
        y:{
            beginAtZero: true,
            max: 500 // values over 500 will be hidden, OR
            suggestedMax: 500, // maximum will be 500, unless there is a higher value
        }
    }
}

对于Chart.js v3.2.0,这样做:

let options = {
    scales: {
        y: {
            suggestedMin: 0,
            suggestedMax: 69
        },
        x: {
            suggestedMin: 0,
            suggestedMax: 420
        }
    }
}

文档:https://www.chartjs.org/docs/latest/axes/ axis-range-settings