goufangtong3/common/echartDate.js

var getDataCenter = function(xAxis = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'], yAxis = [820, 1132, 901, 1134, 890, 1330, 920, 1000, 800, 900, 800, 1000],name) {
	// console.log((uni.getSystemInfoSync().screenWidth - 50) / yAxis.length);
	return {
		grid: {
			top: '30px',
			bottom: '30px',
			left: '24px',
			right: '24px'
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'shadow'
			}
		},
		xAxis: {
			type: 'category',
			boundaryGap: false,
			data: xAxis, //['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
			show: true,
			axisLine: {
				show: false,
			},
			axisLabel: {
				fontSize: 9
			},
			splitLine: {
				//x网格样式
				show: true,
				lineStyle: {
					color: "rgba(31,126,255,0.4)",
					type: "dashed",
					width: "1",
				},
			},
			axisTick: {
				show: false
			}
		},
		yAxis: {
			type: 'value',
			show: false
		},
		axisLine: {
			//是否显示以及样式设置
			show: true,
			onZero: true, //表示 X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。
			lineStyle: {
				color: '#7E85AB',
				type: 'dashed',
			}
		},
		series: [{
			name:name,
			data: yAxis, //[820, 1132, 901, 1134, 890, 1330, 920, 1000, 800, 900, 800, 1000],
			type: 'line',
			areaStyle: {
				color: {
					type: 'linear',
					x: 0,
					y: 0,
					x2: 0,
					y2: 1,
					colorStops: [{
						offset: 0,
						color: '#1F7EFF' // 0% 处的颜色
					}, {
						offset: 1,
						color: '#F8F8F8' // 100% 处的颜色
					}],
					global: false // 缺省为 false
				}
			},
			itemStyle: {
				normal: {
					label: {
						show: true,
						color: '#1F7EFF',
						offset: [0, -2],
						fontSize: 12,
						width: (uni.getSystemInfoSync().screenWidth - 50) / yAxis.length,
						overflow: 'truncate'
					}
				}
			},
			lineStyle: {
				color: '#1F7EFF'
			},
			symbol: 'circle',
			symbolSize: 6
		}]
	}
}

export default {
	getDataCenter
}