告警中心-通知统计-图形X轴名称压缩,修改x轴为可伸缩,柱子宽度从40%调整为20px
Showing
1 changed file
with
15 additions
and
4 deletions
@@ -169,7 +169,7 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions'], func | @@ -169,7 +169,7 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions'], func | ||
169 | grid: { | 169 | grid: { |
170 | left: '3%', | 170 | left: '3%', |
171 | right: '4%', | 171 | right: '4%', |
172 | - bottom: '3%', | 172 | + bottom: '12%',//lsq 2022-03-10 |
173 | top: '20', | 173 | top: '20', |
174 | containLabel: true | 174 | containLabel: true |
175 | }, | 175 | }, |
@@ -184,7 +184,7 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions'], func | @@ -184,7 +184,7 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions'], func | ||
184 | color: '#000000', | 184 | color: '#000000', |
185 | show: true, | 185 | show: true, |
186 | interval: 0, | 186 | interval: 0, |
187 | - rotate: 30, | 187 | + rotate: 10,//lsq 2022-03-10 x轴标签不需要角度,注释 |
188 | fontSize: '10', | 188 | fontSize: '10', |
189 | }, | 189 | }, |
190 | } | 190 | } |
@@ -197,7 +197,7 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions'], func | @@ -197,7 +197,7 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions'], func | ||
197 | series: [ | 197 | series: [ |
198 | { | 198 | { |
199 | type: 'bar', | 199 | type: 'bar', |
200 | - barWidth: '40%', | 200 | + barWidth: '20',//lsq 2022-03-10 柱子宽度更改 |
201 | data: line, | 201 | data: line, |
202 | itemStyle: { | 202 | itemStyle: { |
203 | normal: { | 203 | normal: { |
@@ -218,7 +218,18 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions'], func | @@ -218,7 +218,18 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions'], func | ||
218 | } | 218 | } |
219 | } | 219 | } |
220 | } | 220 | } |
221 | - ] | 221 | + ], |
222 | + //start x轴拖动 lsq 2022-03-10 | ||
223 | + dataZoom: [ | ||
224 | + { | ||
225 | + type: "slider", | ||
226 | + realtime: true, //拖动滚动条时是否动态的更新图表数据 | ||
227 | + height: 25, //滚动条高度 | ||
228 | + start: 5, //滚动条开始位置(共100等份) | ||
229 | + end: 55 //结束位置(共100等份) | ||
230 | + } | ||
231 | + ], | ||
232 | + //end lsq 2022-03-10 | ||
222 | }; | 233 | }; |
223 | myChart.setOption(option) | 234 | myChart.setOption(option) |
224 | } | 235 | } |
-
Please register or login to post a comment