Authored by 鲁尚清

性能走势图增加x轴拖拽

@@ -101,7 +101,7 @@ @@ -101,7 +101,7 @@
101 margin-top:20px; 101 margin-top:20px;
102 } 102 }
103 .detail_linechart { 103 .detail_linechart {
104 - height: 400px !important; 104 + height: 450px !important;
105 } 105 }
106 .line-filter-content{ 106 .line-filter-content{
107 display: flex; 107 display: flex;
@@ -226,7 +226,7 @@ export default { @@ -226,7 +226,7 @@ export default {
226 intervalGroup:checkedId.value, 226 intervalGroup:checkedId.value,
227 keys:keysVal 227 keys:keysVal
228 } 228 }
229 - proxy.$http.get(`/api-web/cm-data-range/loadPerformanceCustom`, params, function (res) { 229 + proxy.$http.get(`/api-web/cm-date-range/loadPerformanceCustom`, params, function (res) {
230 emit('callbacksure',res) 230 emit('callbacksure',res)
231 }) 231 })
232 } 232 }
@@ -230,7 +230,7 @@ export default { @@ -230,7 +230,7 @@ export default {
230 top: '10%', 230 top: '10%',
231 left: '3%', 231 left: '3%',
232 right: '4%', 232 right: '4%',
233 - bottom: '3%', 233 + bottom: '15%',
234 containLabel: true 234 containLabel: true
235 }, 235 },
236 toolbox: { 236 toolbox: {
@@ -279,6 +279,16 @@ export default { @@ -279,6 +279,16 @@ export default {
279 } 279 }
280 } 280 }
281 }, 281 },
  282 + // x轴拖动
  283 + dataZoom: [
  284 + {
  285 + type: "slider",
  286 + realtime: true, //拖动滚动条时是否动态的更新图表数据
  287 + height: 25, //滚动条高度
  288 + start: 40, //滚动条开始位置(共100等份)
  289 + end: 65 //结束位置(共100等份)
  290 + }
  291 + ],
282 series:series.value 292 series:series.value
283 }; 293 };
284 } 294 }