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 }