Version
5.3.1
Link to Minimal Reproduction
No response
Steps to Reproduce
let option = {
title: {
left: 'center',
text: titleData[0].data[0].value,
textStyle: fetchFontFamily(['english'], 12, '#222222', true),
triggerEvent: true,
},
tooltip: {
trigger: 'item',
formatter: v => {
if (v.name.length) {
return ${v.name}: ${v.value} (${( (v.value / v.treePathInfo[0].value) * 100 ).toFixed(2)}%);
} else {
return null;
}
},
},
series: [
{
type: 'sunburst',
data: organizeData,
center: ['50%', '50%'],
// animation: false,
emphasis: {
focus: 'none',
},
label: {
rotate: 45,
fontSize: 9,
minAngle: 10,
formatter: v => {
return {a|${v.name}};
},
rich: {
a: {
opacity: 1,
fontSize: 9,
color: '#333',
},
},
},
itemStyle: {
color: '#bfbfbf',
borderWidth: 2,
},
radius: [0, '88%'],
sort: undefined,
},
],
};
Current Behavior
后端返回的树数据量非常大,点击最外面的层级,如何点击中间的返回按钮,浏览器直接卡顿卡死奔溃,求大佬们解决方案
Expected Behavior
求大佬们解决方案
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
Version
5.3.1
Link to Minimal Reproduction
No response
Steps to Reproduce
let option = {
title: {
left: 'center',
text: titleData[0].data[0].value,
textStyle: fetchFontFamily(['english'], 12, '#222222', true),
triggerEvent: true,
},
tooltip: {
trigger: 'item',
formatter: v => {
if (v.name.length) {
return
${v.name}: ${v.value} (${( (v.value / v.treePathInfo[0].value) * 100 ).toFixed(2)}%);} else {
return null;
}
},
},
series: [
{
type: 'sunburst',
data: organizeData,
center: ['50%', '50%'],
// animation: false,
emphasis: {
focus: 'none',
},
label: {
rotate: 45,
fontSize: 9,
minAngle: 10,
formatter: v => {
return
{a|${v.name}};},
Current Behavior
后端返回的树数据量非常大,点击最外面的层级,如何点击中间的返回按钮,浏览器直接卡顿卡死奔溃,求大佬们解决方案
Expected Behavior
求大佬们解决方案
Environment
Any additional comments?
No response