Showing
1 changed file
with
22 additions
and
6 deletions
| @@ -119,7 +119,9 @@ | @@ -119,7 +119,9 @@ | ||
| 119 | } as echarts.EChartsOption; | 119 | } as echarts.EChartsOption; |
| 120 | }) || ([] as echarts.EChartsOption[]); | 120 | }) || ([] as echarts.EChartsOption[]); |
| 121 | const chartOption = { | 121 | const chartOption = { |
| 122 | - xAxisData: chartDataConfig.at(0)?.xAxis, | 122 | + xAxisData: chartDataConfig.at(0)?.xAxis?.map(function (str) { |
| 123 | + return str.replace(' ', '\n'); | ||
| 124 | + }), | ||
| 123 | series: [chartDataConfig.at(0)?.series], | 125 | series: [chartDataConfig.at(0)?.series], |
| 124 | }; | 126 | }; |
| 125 | 127 | ||
| @@ -160,6 +162,13 @@ | @@ -160,6 +162,13 @@ | ||
| 160 | }, | 162 | }, |
| 161 | tooltip: { | 163 | tooltip: { |
| 162 | trigger: 'axis', | 164 | trigger: 'axis', |
| 165 | + axisPointer: { | ||
| 166 | + type: 'cross', | ||
| 167 | + animation: false, | ||
| 168 | + label: { | ||
| 169 | + backgroundColor: '#505765', | ||
| 170 | + }, | ||
| 171 | + }, | ||
| 163 | }, | 172 | }, |
| 164 | legend: { | 173 | legend: { |
| 165 | data: attributes, | 174 | data: attributes, |
| @@ -169,17 +178,23 @@ | @@ -169,17 +178,23 @@ | ||
| 169 | grid: { | 178 | grid: { |
| 170 | left: '8%', | 179 | left: '8%', |
| 171 | right: '8%', | 180 | right: '8%', |
| 172 | - bottom: '12%', | 181 | + bottom: 80, |
| 173 | containLabel: true, | 182 | containLabel: true, |
| 174 | }, | 183 | }, |
| 175 | dataZoom: [ | 184 | dataZoom: [ |
| 176 | { | 185 | { |
| 177 | - type: 'slider', | ||
| 178 | show: true, | 186 | show: true, |
| 179 | - startValue: 0, | ||
| 180 | - endValue: 5, | 187 | + realtime: true, |
| 188 | + start: 0, | ||
| 189 | + end: 15, | ||
| 190 | + height: '30', | ||
| 191 | + }, | ||
| 192 | + { | ||
| 193 | + type: 'inside', | ||
| 194 | + realtime: true, | ||
| 195 | + start: 0, | ||
| 196 | + end: 15, | ||
| 181 | height: '30', | 197 | height: '30', |
| 182 | - bottom: '4%', | ||
| 183 | }, | 198 | }, |
| 184 | ], | 199 | ], |
| 185 | xAxis: { | 200 | xAxis: { |
| @@ -188,6 +203,7 @@ | @@ -188,6 +203,7 @@ | ||
| 188 | boundaryGap: false, | 203 | boundaryGap: false, |
| 189 | axisPointer: { type: 'shadow' }, | 204 | axisPointer: { type: 'shadow' }, |
| 190 | axisLabel: { | 205 | axisLabel: { |
| 206 | + show: false, | ||
| 191 | interval: 0, | 207 | interval: 0, |
| 192 | rotate: 65, | 208 | rotate: 65, |
| 193 | textStyle: { | 209 | textStyle: { |