2017-10-13 3 views
0

그래프를 처음으로 확대 할 때, 각도 그래프에 데이터가 없습니다. 여기처음으로 확대 그래프 데이터에 누락 된 데이터가 있습니다.

enter image description here

을 확대 한 후 스크린 샷

enter image description here

는 여기에 내 코드

function getPopUpGraph() { 
     $scope.currentZoom = 1; 
     $scope.popUpGraph = {}; 
     $scope.popUpGraph = { 
      data: [], 
      options: { 
       labels: ["Date", $scope.selectedDataPoint.LegendName, "TrendLine"], 
       showPopover: false, 
       //customBars: true, 
       legend: "onmouseover", 
       highlightSeriesOpts: { 
        strokeWidth: 2, 
        strokeBorderWidth: 1 
       }, 
       animatedZooms: true, 
       interactionModel: Dygraph.defaultInteractionModel, 
       showRangeSelector: true, 
       rangeSelectorPlotLineWidth: 1, 
       rangeSelectorPlotStrokeColor: 'gray', 
       rangeSelectorPlotFillColor: 'gray', 
       highlightCircleSize: 4, 
       rangeSelectorAlpha: 0.9, 
       rangeSelectorForegroundLineWidth: 1.25, 
       rangeSelectorForegroundStrokeColor: 'dark gray', 
       visibility: [true, false], 
       series: { 
        'TrendLine': { 
         strokePattern: [3, 2, 3, 2] 
        }, 
       }, 
       //xlabel: 'Date', 
       ylabel: $scope.selectedDataPoint.Unit, 
       title: $scope.selectedDataPoint.LegendName, 
       legendEnabled: false, 
       colors: ["#ff0000"], 
       valueRange: null, 
       height: 300, 
       resizeEnabled: true, 
       strokeWidth: 2, 
       axes: { 
        x: { 
         axisLabelFormatter: function (d, gran) { 
          if ($scope.currentZoomLevel.name == '12h') { 
           return $filter('date')(d, 'h:mm a'); 
          } 
          else 
           return $filter('date')(d, 'MMM dd h:mm'); 
         }, 
         valueFormatter: function (ms) { 
          return $filter('date')(ms, 'M/d/yy h:mm a'); 
         } 
        } 
       }, 
       drawCallback: function (g, is_initial) { 
        if (g.dateWindow_) 
         myPopUpRange(g.dateWindow_) 
       } 
      } 
     } 
     $scope.getPopGraphData($scope.currentZoom, 0); 
    } 

데이터 $ scope.getPopGraphData 함수에서 가져 오는이다.

이 메인 함수에서 다른 함수를 호출합니다. 나는 이것이 문제가 아니라고 생각한다. 각도 다이어그램의 데모에서는 확대/축소 후 범위 선택기도 변경됩니다. 따라서 데이터가 올바르게 표시됩니다. 제 경우에는 범위 선택기가 처음 확대 할 때 변경되지 않습니다. 어떤 해결책이 있습니까? 미리 감사드립니다 ...

답변

0

해결책을 찾았습니다. getPopUpGraph() 함수에는 호출하는 단점이 있습니다. myPopUpRange() 함수를 비활성화하면 제대로 작동합니다. myPopUpRange()는 x 축 값을 재설정하는 데 사용됩니다. 그러나 dygraph가 자동으로 x 축 범위를 지정하기 때문에 필요는 없습니다.

관련 문제