82 lines
2.6 KiB
JavaScript
82 lines
2.6 KiB
JavaScript
|
|
||
|
|
helper = new ViewDashboardHelper();
|
||
|
|
var ws = urlProxy.split('/');
|
||
|
|
var dashboardId = '3290922985542460a19e7c1021519011';
|
||
|
|
tsModel = new TimeSeriesModel(token, urlProxy, ws[3], pageUserId, dashboardId);
|
||
|
|
tsPresenter = new TimeSeriesPresenter(tsModel);
|
||
|
|
|
||
|
|
$(document).ready(function() {
|
||
|
|
|
||
|
|
|
||
|
|
$('#periodicityList').change(function(){
|
||
|
|
var id = $(this).val();
|
||
|
|
tsPresenter.changePeriodicity(id);
|
||
|
|
bindTimeSeriesLists(tsPresenter, ["indicatorList", "periodicityList"]);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#compareButton').click(function(){
|
||
|
|
tsPresenter.historicData(
|
||
|
|
$('#indicatorList').val(),
|
||
|
|
$('#periodicityList').val(),
|
||
|
|
$('#initPeriodList').val(),
|
||
|
|
$('#initYearList').val(),
|
||
|
|
$('#endPeriodList').val(),
|
||
|
|
$('#endYearList').val()
|
||
|
|
).done(function(data) {
|
||
|
|
var graphParams1 = {
|
||
|
|
canvas : {
|
||
|
|
containerId:'compareGraph',
|
||
|
|
width:300,
|
||
|
|
height:300,
|
||
|
|
stretch:true,
|
||
|
|
noDataText: G_STRING.ID_DISPLAY_EMPTY
|
||
|
|
},
|
||
|
|
graph: {
|
||
|
|
allowTransition: false,
|
||
|
|
allowDrillDown: false,
|
||
|
|
showTip: true,
|
||
|
|
allowZoom: false,
|
||
|
|
useShadows: false,
|
||
|
|
gridLinesX: true,
|
||
|
|
gridLinesY: true,
|
||
|
|
area: {visible: false, css:"area"},
|
||
|
|
axisX:{ showAxis: true, label: "Period" },
|
||
|
|
axisY:{ showAxis: true, label: "Efficiency" },
|
||
|
|
showErrorBars: false
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
var graph1 = new LineChart(data, graphParams1, null, null);
|
||
|
|
graph1.drawChart();
|
||
|
|
$('#indicatorsView').hide();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
var bindTimeSeriesLists = function (presenter, elementsToConserve = []) {
|
||
|
|
var conserveStates =[];
|
||
|
|
$.each (elementsToConserve, function (i, elem){
|
||
|
|
conserveStates.push({id:elem, selValue: $('#' + elem).val()});
|
||
|
|
});
|
||
|
|
helper.fillSelectWithOptions ($('#indicatorList'), presenter.indicatorState.list, presenter.indicatorState.selValue);
|
||
|
|
helper.fillSelectWithOptions ($('#periodicityList'), presenter.periodicityState.list, presenter.periodicityState.selValue);
|
||
|
|
helper.fillSelectWithOptions ($('#initPeriodList'), presenter.initPeriodState.list, presenter.initPeriodState.selValue);
|
||
|
|
helper.fillSelectWithOptions ($('#initYearList'), presenter.initYearState.list, presenter.initYearState.selValue);
|
||
|
|
helper.fillSelectWithOptions ($('#endPeriodList'), presenter.endPeriodState.list, presenter.endPeriodState.selValue);
|
||
|
|
helper.fillSelectWithOptions ($('#endYearList'), presenter.endYearState.list, presenter.endYearState.selValue);
|
||
|
|
|
||
|
|
$.each (conserveStates, function (i, item){
|
||
|
|
$('#' + item.id).val(item.selValue);
|
||
|
|
});
|
||
|
|
|
||
|
|
helper.setVisibility ($('#initPeriodList'), presenter.initPeriodState.visible);
|
||
|
|
helper.setVisibility ($('#endPeriodList'), presenter.endPeriodState.visible);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|