echart实现三维立体图,这个有一个踩坑点,echart在渲染数据的时候,会有过渡动画效果,当数据量大的时候,会使图表在绘制过程中卡住,解决这个问题的办法是去掉过渡动画效果:grid3D.viewControl.animation = false。
this.myChart3 = this.$echarts.init(document.getElementById('myChart3'))
this.option3 = {
title: {
text: '3维立体图',
left: 'center',
align: 'right'
},
grid: {
top:0,
left:10,
right:10,
bottom: 50
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
animation: false,
label: {
backgroundColor: '#505765'
}
}
},