browser is getting hanged, when i am passing even 15-20 records? my options are given in below code.

`const eChartsOptions = {
xAxis: xAxis,
yAxis: yAxis,
useUTC: true,
series: [
{
name: legendName,
type: chartOptions.chartType,
data: chartFieldData,
stack:true,
large:true,
},
dataset: {
id: "results",
// dimensions: allColumnNames,
source: [
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"},
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"},
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"},
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"},
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"},
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"},
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"},
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"},
{customer.address : "3149 SOUTHMORE",
customer.count_customers: "1",
customer.customer_id: "56-1000243010",
customer.percentage_email : "100",
customer.percentage_phone: "100",
customer.phone_number: "17135243007"}],
}],
tooltip: {
// show: true,
confine: false,
trigger: "item",
axisPointer: {
type: "shadow",
label: { show: true },
},
},
grid: {
containLabel: true,
left: "5%",
right: "5%",
top: 70,
bottom: 40,
z: 0,
},
dataZoom: [
{
show: false,
start: 0,
end: 50
},
{
type: 'inside',
start: 0,
end: 50
},
{
show: false,
yAxisIndex: 0,
filterMode: 'empty',
width: 0,
height: '0',
showDataShadow: false,
left: '93%'
}
],

};



return (

);`

Start by reproducing the hang with the supplied EChartsReact options, especially the series, dataset, dataZoom, and SVG renderer settings. Compare behavior with 15–20 records and determine what change prevents the browser from hanging; the issue is done when that case renders reliably.

Written by the indexing model from the issue text.