|
|
@@ -364,6 +364,20 @@ export const lineOption = (data, itemStyle = {}) => {
|
|
|
}
|
|
|
}
|
|
|
export const barOption = ( xData,series) => {
|
|
|
+ const monthLabelMap = {
|
|
|
+ '一月': '1月',
|
|
|
+ '二月': '2月',
|
|
|
+ '三月': '3月',
|
|
|
+ '四月': '4月',
|
|
|
+ '五月': '5月',
|
|
|
+ '六月': '6月',
|
|
|
+ '七月': '7月',
|
|
|
+ '八月': '8月',
|
|
|
+ '九月': '9月',
|
|
|
+ '十月': '10月',
|
|
|
+ '十一月': '11月',
|
|
|
+ '十二月': '12月'
|
|
|
+ };
|
|
|
const barColors = [
|
|
|
['rgba(255, 209, 102, 0.96)', 'rgba(236, 178, 87, 0.36)'],
|
|
|
['rgba(47, 155, 255, 0.98)', 'rgba(35, 150, 255, 0.32)'],
|
|
|
@@ -469,10 +483,10 @@ export const barOption = ( xData,series) => {
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
- left: 40,
|
|
|
- right: 55,
|
|
|
+ left: 34,
|
|
|
+ right: 44,
|
|
|
top: 36,
|
|
|
- bottom: 26,
|
|
|
+ bottom: 30,
|
|
|
containLabel: true
|
|
|
},
|
|
|
color: ['#2396ff', '#5bd2a7', '#ff844a', '#ffd166'],
|
|
|
@@ -488,11 +502,12 @@ export const barOption = ( xData,series) => {
|
|
|
show: false
|
|
|
},
|
|
|
axisLabel: {
|
|
|
- fontSize: window.innerHeight * 0.012,
|
|
|
+ fontSize: Math.max(11, Math.min(13, window.innerHeight * 0.012)),
|
|
|
color: '#b9dce2',
|
|
|
interval: 0,
|
|
|
- margin: 10,
|
|
|
-
|
|
|
+ margin: 9,
|
|
|
+ hideOverlap: false,
|
|
|
+ formatter: (value) => monthLabelMap[value] || value
|
|
|
}
|
|
|
|
|
|
},
|