Ehcarts 清空上一次的数据

Ehcarts 清空上一次的数据

初始化echarts

//初始化
var chartDom = document.getElementById('char');
var myChart = echarts.init(chartDom);

option = {
	color: ['#2995db', '#e43810', '#beb113', '#10e41f', '#FFBF00'],
	tooltip: {
		trigger: 'axis',
		axisPointer: {
			type: 'cross',
			label: {
				backgroundColor: '#6a7985'
			}
		}
	},
	legend: {
		top: '1%',
		data: [],
		icon: "circle",//形状  类型包括 circle,rect,line,roundRect,triangle,diamond,pin,arrow,none
     	itemWidth: 6,  // 设置宽度
     	itemHeight: 6, // 设置高度
		textStyle:{
			color:"#fff"
		}
	},
	xAxis:{
		type: 'category',
		boundaryGap: false,
		data: [],
		axisLabel: {
			show: true,
			textStyle: {
				color: '#fff'
			}
		},
	},
	yAxis:{
		type: 'value',
		splitLine:{
			show:false
		},
		axisLabel: {
			show: true,
			textStyle: {
				color: '#fff'
			}
		},
	},
	grid:{
		x:50,
		y:30,
		x2:20,
		y2:20
	},
	series: [
	]
};
myChart.setOption(option);

AJAX请求后台改变echars内容

function xxx(name){
	$.ajax({
		url: xxx,
		headers: {
				'Access-Control-Allow-Origin': "*",
		},
		contentType: 'application/x-www-form-urlencoded',
		dataType: "json",
		data:{
			name:name
		},
		cache: false,
		type:"POST",
		success: function(data) {
			//先调用clear()方法
			myChart.clear();
			//clear()清空当前实例,会移除实例中所有的组件和图表。不加这行F12 会报错
			myChart.setOption(option);
			myChart.setOption({
				legend:{
					data:data,
				},
				xAxis:{
					data:data
				},
				series:series
			}); 
		}
	})
}
上一篇:Linux 环境下,报错:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (us)的


下一篇:mysql-5.7.28-winx64(压缩包)数据库报错:ERROR 1045 (28000): Access denied for user 'root'@'loca