, указав "От" до "Time" drop down calendar в Rally для диаграммы

Question

У меня есть диаграмма «Накопительный поток проекта», которая работает. В настоящее время он извлекает данные за последние 3 месяца с ралли и отображает их правильно на диаграмме. Однако теперь я хочу предоставить раскрывающийся календарь «От» и «Кому», чтобы пользователь мог изменить диапазон дат на то, что он хочет. Таким образом, по умолчанию пользователю будет показано 3 месяца, и ни одна сторона диаграммы не должна иметь раскрывающийся календарь «От» и «Кому», чтобы пользователь мог изменить диапазон, если захочет. У меня есть часть этой работы. Я добавил формат date-er, но не смог извлечь значения, выбранные пользователем в этом поле, а затем обновить свой график. Может, пожалуйста, помогите мне? большое спасибо.

/* 
* Load 8.2 open Defect trend 
* */ 
_82openDefect: function() { 
    this.chart = { 
      xtype: 'rallychart', 
      storeType: 'Rally.data.lookback.SnapshotStore', 
      storeConfig: this._82getStoreForopenDefect(), 
      calculatorType: 'Rally.example.CFDCalculator', 
      calculatorConfig: { 
        stateFieldName: 'Severity', 
        stateFieldValues: ['P1 - Crash/Data Loss, upgrade/migration fail', 
            'P2 - Major Problem, loss of stability or feature functionality', 
            'P3 - Minor Problem, improves customer experience', 
            'P4 - Cosmetic, okay to defer' 
            ] 
      }, 
      width: 1000, 
      height: 600, 
      chartConfig: this._82getopenDefectConfig() 
     }; 
    this.chartContainer.add(this.chart); 
    this._releaseContainer(); 
    this._dateFormat(); 
}, 

_82getStoreForopenDefect: function() { 
    return { 
     find: { 
      _TypeHierarchy: { '$in' : [ 'Defect' ] }, 
      Children: null, 
      _ProjectHierarchy: this.getContext().getProject().ObjectID, 
      _ValidFrom: {'$gt': Rally.util.DateTime.toIsoString(Rally.util.DateTime.add(new Date(), 'day', -120)) }, 
      State: "Open", 
      //Release: 19388025787 is for 8.2 
      Release: 19388025787, 
      //Severity: "P1 - Crash/Data Loss, upgrade/migration fail", 
     }, 
     fetch: ['Severity','Release','Project','SubmittedBy','Name'], 
     hydrate: ['Severity','Release','Project','SubmittedBy','Name'], 
     sort: { 
      _ValidFrom: 1 
     }, 
     context: this.getContext().getDataContext(), 
     limit: Infinity 
    }; 
}, 

_82getopenDefectConfig: function() { 
    console.log("starting 8.2 open defect chart"); 
    return { 
     chart: { 
      zoomType: 'xy' 
     }, 
     title: { 
      text: '8.2 Open Defects' 
     }, 
     xAxis: { 
      tickmarkPlacement: 'on', 
      tickInterval: 20, 
      title: { 
       text: 'Date' 
      } 
     }, 
     yAxis: [ 
      { 
       title: { 
        text: 'Count' 
       } 
      } 
     ], 
     plotOptions: { 
      series: { 
       marker: { 
        enabled: false 
       } 
      }, 
      area: { 
       stacking: 'normal' 
      } 
     } 
    }; 
}, 
_dateFormat: function() { 
    this.dateFrmt = Ext.create('Ext.form.Panel', { 
     renderTo: Ext.getBody(), 
     width: 300, 
     bodyPadding: 10, 
     title: 'Dates', 
     items: [{ 
      xtype: 'datefield', 
      anchor: '100%', 
      fieldLabel: 'Date', 
      name: 'date', 
      // The value matches the format; will be parsed and displayed using that format. 
      format: 'm d Y', 
      value: '2 4 1978' 
     }, { 
      xtype: 'datefield', 
      anchor: '100%', 
      fieldLabel: 'Date', 
      name: 'date', 
      // The value does not match the format, but does match an altFormat; will be parsed 
      // using the altFormat and displayed using the format. 
      format: 'm d Y', 
      altFormats: 'm,d,Y|m.d.Y', 
      value: '2.4.1978' 
     }] 
    }); 
    this.chartContainer.add(this.dateFrmt); 
}, 
     _releaseContainer: function() { 
    this.relContainer = Ext.create('Ext.Container', { 
    items: [{ 
     xtype: 'rallyreleasecombobox', 
    }], 
    listeners: function(releasecombobox) { 
     ready: this._loadReleaseChart(this.relContainer.getValue()); 
     select: this._loadReleaseChart("8.1"); 
     scope: this 
    }  
    }); 
    //console.log(this.relContainer.getValue()); 
    this.chartContainer.add(this.relContainer); 
}, 

Это снимок экрана, как это выглядит в настоящее время:

Answer 1

компонент диаграммы не есть способ refresh- вам придется уничтожить его и повторно добавить новую , с данными, заполненными с использованием дат из ваших полей даты.