Authored by xwx

新能走势滑块优化

@@ -20,6 +20,8 @@ export default { @@ -20,6 +20,8 @@ export default {
20 let kpiName = Vue.ref('');//指标名称 20 let kpiName = Vue.ref('');//指标名称
21 let startTime=Vue.ref(''); 21 let startTime=Vue.ref('');
22 let endTime=Vue.ref(''); 22 let endTime=Vue.ref('');
  23 + let startSlide=Vue.ref(0);
  24 + let endSlide=Vue.ref(100);
23 let colorsArr=Vue.ref([ 25 let colorsArr=Vue.ref([
24 { 26 {
25 start: '#46d6d8', 27 start: '#46d6d8',
@@ -226,6 +228,11 @@ export default { @@ -226,6 +228,11 @@ export default {
226 228
227 const changeInterval=(val)=>{ 229 const changeInterval=(val)=>{
228 interval.value=val; 230 interval.value=val;
  231 + if (val=='DAY'){
  232 + startSlide.value=0;
  233 + }else {
  234 + startSlide.value=75;
  235 + }
229 if(val=='custom'){ 236 if(val=='custom'){
230 }else{ 237 }else{
231 getLineChart(); 238 getLineChart();
@@ -372,8 +379,8 @@ export default { @@ -372,8 +379,8 @@ export default {
372 type: "slider", 379 type: "slider",
373 realtime: true, //拖动滚动条时是否动态的更新图表数据 380 realtime: true, //拖动滚动条时是否动态的更新图表数据
374 height: 25, //滚动条高度 381 height: 25, //滚动条高度
375 - start: 40, //滚动条开始位置(共100等份)  
376 - end: 65 //结束位置(共100等份) 382 + start: startSlide, //滚动条开始位置(共100等份)
  383 + end: endSlide //结束位置(共100等份)
377 } 384 }
378 ], 385 ],
379 series:series.value 386 series:series.value