Установить фиксированные ярлыки yticks в графически

Question

Теперь я хочу узнать, как установить фиксированные метки y для линейчатой ​​диаграммы javascript, я не хочу, чтобы метки менялись, даже если значения изменяют этот код

make_plot = function(x_data,y,title,id){

        var trace1 = {
            domain: { x: [0.25, 0.75], y: [0.5,0.9] },
            value: arrayAverage(y),
            title: { text: 'Average' },
            type: "indicator",
            mode: "gauge+number",
            gauge: {
                axis: { range: [0, 100], tickwidth: 1, tickcolor: "darkblue" },
                bar: { color: "darkblue" }}
        };
        var x = {
            domain: { x: [0.25,0.75], y: [0,0.4] },
            type: 'bar',
            x: x_data,
            y: y,
            hovertemplate:'<i>Percentage</i>: %{y} \%' + '<br><b>X</b>: %{x}<br>'
        };
        var data = [x, trace1];
        var layout = {
            grid: {
                rows: 2,
                columns: 1,
                pattern: 'independent',
                roworder: 'bottom to top'},
                xaxis: {
                domain: [0.25, 0.75],

                anchor: 'y1'
            },
            yaxis:{
                tickmode: "array", 
                tickvals: [0, 20, 40, 60, 80, 100]
            },
            title: {
                text: title
            },

        };
        Plotly.newPlot(id, data, layout);

и вот результат выглядит следующим образом

plots

Я хочу сделать все эти графики с y-тиками от 0 до 100 независимо от значений, так как я могу это сделать?