Authored by 鲁尚清

告警中心-通知统计-图形X轴名称压缩,修改x轴为可伸缩,柱子宽度从40%调整为20px

@@ -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 }