I am using Highchart, with areaspline chart type .
The object settings object looks like that:

{
"responsive": {
    "rules": [
        {
            "condition": {
                "maxWidth": 500
            },
            "_id": "highcharts-gxusaxl-69"
        }
    ]
},
"chart": {
    "type": "areaspline",
    "style": {
        "cursor": "pointer"
    }
},
"title": {},
"subtitle": {},
"credits": {
    "enabled": false
},
"xAxis": {
    "lineWidth": 1,
    "lineColor": "#d2d8db",
    "labels": {
        "style": {
            "fontFamily": "Open Sans",
            "fontWeight": "400",
            "fontSize": "0.75rem",
            "color": "#3f5c69"
        }
    },
    "crosshair": {
        "width": 1,
        "color": "#000000",
        "dashStyle": "ShortDash",
        "zIndex": 3
    },
    "type": "datetime"
},
"yAxis": {
    "labels": {
        "style": {
            "fontFamily": "Open Sans",
            "fontWeight": "400",
            "fontSize": "0.75rem",
            "color": "#3f5c69"
        },
        "format": "{value}%"
    },
    "title": {
        "text": ""
    },
    "min": 0,
    "max": 100
},
"legend": {
    "enabled": true,
    "align": "center",
    "verticalAlign": "top",
    "layout": "horizontal",
    "itemStyle": {
        "fontWeight": "400",
        "fontSize": "0.75rem",
        "color": "#333",
        "fontFamily": "Open Sans"
    },
    "useHTML": true
},
"plotOptions": {
    "column": {
        "stacking": "percent",
        "dataLabels": {
            "enabled": false,
            "format": "{point.percentage:.0f}%"
        }
    },
    "area": {
        "stacking": "percent",
        "dataLabels": {
            "enabled": false,
            "format": "{point.percentage:.0f}%"
        },
        "marker": {
            "enabled": false,
            "symbol": "circle"
        }
    }
},
"series": [
    {
        "id": "asIs",
        "name": "As is",
        "color": "#27caff1a",
        "type": "areaspline",
        "data": [
            [1704060000000, 0],
            [1704146400000, 44],
            [1704232800000, 38]
        ],
        "lineColor": "#27CAFF",
        "lineWidth": 1,
        "marker": {
            "enabled": false,
            "symbol": "circle"
        }
    },
    {
        "id": "modified",
        "name": "Modified",
        "color": "#c61d4d1a",
        "type": "areaspline",
        "data": [
            [1704060000000, 0],
            [1704146400000, 114],
            [1704232800000, 117]
        ],
        "lineColor": "#C61D4D",
        "lineWidth": 1,
        "marker": {
            "enabled": false,
            "symbol": "circle"
        }
    },
    {
        "id": "ignored",
        "name": "Ignored",
        "color": "#F8C00A1A",
        "type": "areaspline",
        "data": [
            [1704060000000, 0],
            [1704146400000, 42],
            [1704232800000, 45]
        ],
        "lineColor": "#F8C00A",
        "lineWidth": 1,
        "marker": {
            "enabled": false,
            "symbol": "circle"
        }
    },
    {
        "id": "averageSimilarity",
        "name": "Adherence",
        "color": "#2d96d2",
        "type": "spline",
        "lineWidth": 1,
        "dashStyle": "LongDash",
        "marker": {
            "enabled": false,
            "symbol": "circle"
        },
        "data": [
            [1704060000000, 0],
            [1704146400000, 50.710857],
            [1704232800000, 48.705587]
        ]
    }
],
"exporting": {
    "buttons": {
        "contextButton": {
            "enabled": false
        }
    }
},
"tooltip": {
    "shared": true,
    "resolution": "Day"
}

}

my problem is that the data series is cut off at the top.
as you can see here:
check the chart photo here

It’s important for me that the yAxis will be between 0% to 100%
and that I will be able to see al the data.
on my case the data is exceeding and rises up more than 100%.