iot-app/js/echartConfig.js

// echart配置
let options = {
	echartDom: {
		title: {
			text: '',
			show: false
		},
		tooltip: {
			trigger: 'axis'
		},
		dataZoom: [{
				show: false,
				type: 'inside',
				start: 50,
				end: 100
			},
			{
				show: false,
				start: 50,
				end: 100
			}
		],
		color: [],
		legend: {
			show: false,
			data: []
		},
		grid: {
			top: '40',
			left: '3%',
			right: '40',
			bottom: '3%',
			containLabel: true
		},
		xAxis: [{
			name: '',
			type: 'category',
			boundaryGap: false,
			data: []
		}],
		yAxis: [{
			type: 'value',
			name: ""
		}],
		series: []
	},
	echartDomShowLegend: {
		title: {
			text: '',
			show: false
		},
		tooltip: {
			trigger: 'axis'
		},
		dataZoom: [{
				show: false,
				type: 'inside',
				start: 50,
				end: 100
			},
			{
				show: false,
				start: 50,
				end: 100
			}
		],
		color: [],
		legend: {
			data: []
		},
		grid: {
			top: '60',
			left: '3%',
			right: '40',
			bottom: '3%',
			containLabel: true
		},
		xAxis: [{
			name: '',
			type: 'category',
			boundaryGap: false,
			data: []
		}],
		yAxis: [{
			type: 'value',
			name: ""
		}],
		series: []
	},
	echartDom2: {
		legend: {
			show: false,
			top: 'top'
		},
		series: [{
			type: 'pie',
			radius: ["25%", "50%"],
			center: ['50%', '50%'],
			label: {
				alignTo: 'edge',
				minMargin: 5,
				edgeDistance: 10,
				lineHeight: 15,
				rich: {
					value: {
						fontSize: 10,
						color: '#999'
					}
				}
			},
			data: []
		}]
	},
	echart2: {
		xAxis: {
			type: 'category',
			data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
		},
		yAxis: {
			show: false,
			type: 'value'
		},
		grid: {
			bottom: 20,
			left: 10,
			right: 10,
			top: 30
		},
		color: "#CADFFA",
		series: [{
			data: [
				120,
				{
					value: 200,
					itemStyle: {
						color: '#5498ED'
					},
					label: {
						show: true,
						position: 'top',
						color: '#5498ED',
						fontWeight: 'bold',
						fontSize: 16
					}
				},
				150,
				80,
				70,
				110,
				130
			],
			itemStyle: {
				normal: {
					barBorderRadius: [50, 50, 50, 50]
				}
			},
			type: 'bar'
		}]
	},
	echart3: {
		xAxis: {
			type: 'category',
			data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', 'Tue',
				'Wed', 'Thu', 'Fri', 'Sat', 'Sun'
			]
		},
		yAxis: {
			show: false,
			type: 'value'
		},
		grid: {
			bottom: 20,
			left: 10,
			right: 10,
			top: 5
		},
		color: "#E69973",
		series: [{
			data: [
				120,
				200,
				150,
				80,
				70,
				110,
				130,
				200,
				150,
				80,
				70,
				110,
				130,
				200,
				150,
				80,
				70,
				110,
				130
			],
			itemStyle: {
				normal: {
					barBorderRadius: [50, 50, 50, 50]
				}
			},
			type: 'bar'
		}]
	}
}