Ver código fonte

折线图x轴调整

seimin 3 semanas atrás
pai
commit
b2893ac7f8

+ 6 - 3
src/app/views/new-statistics/distribution-inspection-statistics/distribution-synthesize-statistics/distribution-synthesize-statistics.component.ts

@@ -179,6 +179,9 @@ export class DistributionSynthesizeStatisticsComponent implements OnInit {
179 179
 							bottom: '2%',
180 180
 							containLabel: true,
181 181
 						},
182
+            dataZoom: {
183
+              type: "inside"
184
+            },
182 185
 					  xAxis: [
183 186
 					    {
184 187
 					      type: 'category',
@@ -189,10 +192,10 @@ export class DistributionSynthesizeStatisticsComponent implements OnInit {
189 192
 					      },
190 193
 								axisLabel: {
191 194
 									show: true, // 是否显示刻度标签,默认显示
192
-									interval: 1, // 坐标轴刻度标签的显示间隔,在类目轴中有效;默认会采用标签不重叠的策略间隔显示标签;可以设置成0强制显示所有标签;如果设置为1,表示『隔一个标签显示一个标签』,如果值为2,表示隔两个标签显示一个标签,以此类推。
195
+									// interval: 0, // 坐标轴刻度标签的显示间隔,在类目轴中有效;默认会采用标签不重叠的策略间隔显示标签;可以设置成0强制显示所有标签;如果设置为1,表示『隔一个标签显示一个标签』,如果值为2,表示隔两个标签显示一个标签,以此类推。
193 196
 									rotate: 0, // 刻度标签旋转的角度,在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠;旋转的角度从-90度到90度
194 197
 									inside: false, // 刻度标签是否朝内,默认朝外
195
-									margin: 6, // 刻度标签与轴线之间的距离
198
+									margin: 8, // 刻度标签与轴线之间的距离
196 199
 								}
197 200
 					    }
198 201
 					  ],
@@ -220,7 +223,7 @@ export class DistributionSynthesizeStatisticsComponent implements OnInit {
220 223
 								label:{
221 224
 									show: true,
222 225
 									position: "top",  // 展示在上方
223
-									color: "#333"
226
+									color: "#333",
224 227
 								},
225 228
 					    }
226 229
 					  ]