how to avoid overlapping of y-Axes number on big data

Question

For my application, I making a get request for thousands of data points. When I use charts js to display the data, it overlaps a y-axis point. But I needed linear manner data on Y-axis and avoid overlapping data so is possible ??.

I like the sleek design and UI of the graphs, but cannot get it to work well for my use case. is that charts js not meant to be used with large data sets? Is there another library like charts js that can handle large data sets? While also being free? Please Provide your suggestion with your code.

Please Review below code:

yAxes: [
    {
        type: 'logarithmic',
        gridLines: {
            color: "rgba(0, 0, 0, 0)",
            display: false,
        },
        ticks: {
           lables:{ 
           }
            stacked: true,
            min: 0,
            max: finalmax1,
            beginAtZero: true,
            // userCallback: (value, index) => {
        //     const remain = value / (Math.pow(10, Math.floor(Chart.helpers.log10(value))));
        //     if (remain == 1 || remain == 2 || remain == 5 || index == 0) {
        //       return '$' + value;
        //     }
        //     return '';
        //   }
        callback: function (value, index, values) {
            return value ;
         }
        }
    },
];

This Issue which I face (Data has no limit)