How to improve performance of horizontal Stacked barchart rendered in React js with Huge data

plotly.js
1

I have a react js code to render a Horizontal Stacked Bar chart with huge data. But while rendering all data once my browser throws unr esponsive error.

i have Data like example:

[
{
x: [1,2,3,… 645], y: [sample1, sample2, … sample645]
},
{
x: [1,2,3,… 645], y: [sample1, sample2, … sample645]
},
{
x: [1,2,3,… 645], y: [sample1, sample2, … sample645]
},
… 645 objects
]

This complete Plot data will get in one API hit.

How can i resolve Unresponsive error and improve Perfomance.