ASP. NET Web development Echarts chart empty Data Optimization Analysis

ASP. NET Web development Echarts chart empty Data Optimization Analysis

1. Question proposal

In Web development, when using the Echarts Baidu chart control to display line charts and pie charts, if empty data is retrieved from the database, a dynamic bubble chart is displayed by default, which looks messy, if the user experience is poor, how can we modify it?

2. Problem Solving

Add the noDataLoadingOption attribute when initializing the chart. The Code is as follows:

MyChart = echarts. init (document. getElementById ('your icpie '),{
NoDataLoadingOption:{
Text: "No data ",
Effect:'Whirling', // 'Spin' | 'bar' | 'ring' | 'whirling' | 'dynamicline' | 'bucket'
Partition toption :{
BackgroundColor: "# fff"
},
TextStyle :{
FontSize: 20
}
}
});

EffectThe optional attributes are as follows:

 

{String | Function}Effect

'Bucbble'

Loading effect. Optional values: 'spin' | 'bar' | 'ring' | 'whirling' | 'dynamicline' | 'bucket'. External loading is supported.

Shows the display effect: