eta_front/src/utils/defaultOptions.js

import bus from "@/api/bus";
export const defaultOpts = {
	//图表配置
	chart: {

		spacing: [2,10,2,10]
	},
	title: {
		enabled: false
	},
	exporting: {
		enabled: false,
	},
	//默认颜色配置
	colors:['#00f','#f00','#999','#000','#7cb5ec', '#90ed7d', '#f7a35c', '#8085e9', 
	'#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
	//版权信息
	credits: {enabled:false},
	//数据列通用配置
	plotOptions: {
		series: {
			turboThreshold: 0, //不限制数据点个数 
			dataGrouping: {
				enabled: false,
			},//取消数据大自动数据合并
			animation: {
				duration: 1000
			}
		},
		areaspline: {
			lineWidth: 1,
			stacking: 'normal',
			marker: {
					enabled: false,
			},
			// fillOpacity: 0.5,
		},
		column:{
			pointPadding: 0.05,
			stacking: 'normal',
		},
		scatter: {
			turboThreshold: 0,
			marker: {
					symbol: 'circle',
					radius: 5,
					states: {
							hover: {
									enabled: true,
							}
					}
			},
			states: {
				hover: {
					marker: {
						enabled: true
					}
				}
			},
		}
	},
	//范围选择器
	rangeSelector: {
		enabled: false,
		selected: 2,
	},
	//悬浮提示框
	tooltip: {
		split: false,
		shared: true,
		dateTimeLabelFormats: {
			// 时间格式化字符
			day: '%Y/%m/%d',
			week: "%Y/%m",
			month: '%Y/%m',
			year: '%Y/%m',
		},
		xDateFormat:'%Y/%m/%d',
		// valueDecimals: 4,
	},
	//图例
	legend: {
		enabled: true,
		verticalAlign: 'top',
		margin:12,
		itemMarginBottom:0,
		itemMarginTop: 0
		// layout: 'vertical'
	},
	//滚动条
	scrollbar: {
		enabled: false,
	},
	//导航器
	navigator: {
		enabled: false,
	},
	//范围选择器
	rangeSelector: {
		enabled: false,
	},
	xAxis: {
		tickPosition: 'inside',
		lineColor: '#bfbfbf',
    tickColor: '#bfbfbf',
		tickLength:5,
		type: 'datetime',
		ordinal: false,
		dateTimeLabelFormats: {
			day: '%y/%m',
			week: '%y/%m',
			month: '%y/%m',
			year: '%y/%m',
		}
		// gridLineWidth:0
	}
};

/* 图表分类弹窗校验 */
export const formRules = {
	level_1:[
		{ required: true, message: /* '分类名称不能为空' */bus.$i18nt.t('Chart.Vailds.classify_msg'), trigger: 'blur' },
	],
	level_2:[
		{ required: true, message: /* '分类名称不能为空' */bus.$i18nt.t('Chart.Vailds.classify_msg'), trigger: 'blur' },
	],
	level_3:[
		{ required: true, message: /* '分类名称不能为空' */bus.$i18nt.t('Chart.Vailds.classify_msg'), trigger: 'blur' },
	],
	level_4:[
		{ required: true, message: /* '图表名称不能为空' */bus.$i18nt.t('Chart.Vailds.name_msg'), trigger: 'blur' },
	],
	level_menu:[
		{ required: true, message: /* '图表分类不能为空' */bus.$i18nt.t('Chart.Vailds.classify_msg'), trigger: 'blur' },
	],
}
/* 添加图表表单校验 */
export const chartRules = {
	style:[
		{ required: true, message: '生成样式不能为空', trigger: 'blur' },
	],
	name:[
		{ required: true, message: '图表名称不能为空', trigger: 'blur' },
	],
	classify:[
		{ required: true, message: '图表分类不能为空', trigger: 'blur' },
	],
}

/* 公用指标单位 */
export const unitArr = [
	'无',
	'万吨',
	'亿元',
	'元',
	'元/吨',
	'元/湿吨',
	'千克',
	'吨',
	'短吨',
	'美元/吨',
	'万平方米',
	'美元/桶',
	'美分/加仑',
	'手'
]

/* 季节性图配置 */
export const seasonOptions = {
		//默认颜色配置
		/* '#4B0082','#7FFFAA','#FF4500','#808000','#EEE8AA', */
	colors:['#849EC1','#8A4294','#578B5A','#FDA8C7','#53B3FF','#999999','#000000','#FFDF0C','#FF0000','#0033FF'],
	yAxis: {
		lineWidth: 1,
		lineColor: '#bfbfbf',
		tickColor: '#bfbfbf',
		// offset: 0,
		opposite: false,
		reversed: false,
		visible: true,
		gridLineWidth: 0,
		tickWidth: 1,
		tickLength:5,
		tickPosition: 'inside',
		endOnTick: false,
		startOnTick: false,
		showLastLabel: true, //显示最后刻度值
		tickPixelInterval: 50
	}
}

/* 散点图颜色 */
export const scatterColorsOptions = [ 'rgba(119, 152, 191, .5)','rgba(223, 83, 83, .5)' ]


/* 复制图片额外option */
export const copyOtherOptions = {
	legend: {
		align: 'center',
		layout: 'horizontal',
		itemStyle: {
			fontSize: "14px",
			color: '#444',
			textOverflow:undefined
		},
		itemMarginBottom:0,
		itemDistance: 0,
		padding: 0,
		margin: 10
	},
	seasonLegend:{
		align: 'center',
		layout: 'horizontal',
		itemStyle: {
			fontSize: "14px",
			color: '#444',
		}
	}
}
/* 图表年份筛选框 */
export const yearSelector = [
	{
		name: bus.$i18nt?bus.$i18nt.t('Chart.since_onefive'):'15年至今',//'15年至今'
		value: 3,
	},
	// // {
	// // 	name: '18年至今',
	// // 	value: 7,
	// // },
	// // {
	// // 	name: '19年至今',
	// // 	value: 8,
	// // },
	{
		name: bus.$i18nt?bus.$i18nt.t('Chart.since_twozero'):'20年至今',//'20年至今'
		value: 9,
	},
	{
		name: bus.$i18nt?bus.$i18nt.t('Chart.since_twoone'):'21年至今',//'21年至今'
		value: 4,
	},
	{
		name: bus.$i18nt?bus.$i18nt.t('Chart.since_twotwo'):'22年至今',//'22年至今'
		value: 11,
	},
]

export const browser = () => {
	// 取得浏览器的userAgent字符串
	var userAgent = navigator.userAgent
	// 判断是否Opera浏览器
	var isOpera = userAgent.indexOf('Opera') > -1
	// 判断是否IE浏览器
	var isIE =
		userAgent.indexOf('compatible') > -1 &&
		userAgent.indexOf('MSIE') > -1 &&
		!isOpera
	// 判断是否IE的Edge浏览器
	var isEdge = userAgent.indexOf('Edge') > -1
	// 判断是否Firefox浏览器
	var isFF = userAgent.indexOf('Firefox') > -1
	// 判断是否Safari浏览器
	var isSafari =
		userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') === -1
	// 判断Chrome浏览器
	var isChrome =
		userAgent.indexOf('Chrome') > -1 && userAgent.indexOf('Safari') > -1

	if (isIE) {
		var reIE = new RegExp('MSIE (\\d+\\.\\d+);')
		reIE.test(userAgent)
		var fIEVersion = parseFloat(RegExp['$1'])
		if (fIEVersion === 7) {
			return 'IE7'
		} else if (fIEVersion === 8) {
			return 'IE8'
		} else if (fIEVersion === 9) {
			return 'IE9'
		} else if (fIEVersion === 10) {
			return 'IE10'
		} else if (fIEVersion === 11) {
			return 'IE11'
		} else {
			return 'IE'
		}
	}else if (isOpera) {
		return 'Opera'
	}else if (isEdge) {
		return 'Edge'
	}else if (isFF) {
		return 'FF'
	}else if (isSafari) {
		return 'Safari'
	}else if (isChrome) {
		return 'Chrome'
	}else {
		return ''
	}
}

// 判断设备
export const getTerminal = () => {
  // 获取终端的相关信息
  var Terminal = {
    // 辨别移动终端类型
    platform: function () {
      var u = navigator.userAgent,
        app = navigator.appVersion;
      return {
        // android终端或者uc浏览器
        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
        // 是否为iPhone或者QQHD浏览器
        iPhone: u.indexOf('iPhone') > -1,
        // 是否iPad
        iPad: u.indexOf('iPad') > -1
      };
    }()
  }
  // 根据不同的终端，跳转到不同的地址
  if (Terminal.platform.android) {
    return 'android';
  } else if (Terminal.platform.iPhone || Terminal.platform.iPad) {
    return 'ios';
  }
}