$(document).ready(function(){ $.jqplot.sprintf.thousandsSeparator = '.'; /* Datuak HTML-aren hizkuntzaren arabera kargatzen dira */ var language = document.getElementById("language").value /* Grafikoa Y ardatzean ondo ikusteko gehitzen zaion kopurua */ var yAddedQuantity_CET_NP_Tasas = 0.5 /* Serieen datak hartzen ditu */ var datesArray_CET_NP_Tasas = datajson_CET_NP_Tasas[0] /* Grafikoaren titulu, azpititulu eta oina hartzen ditu jizkuntzaren arabera */ var graphNames_CET_NP_Tasas = getGraphNames(datajson_CET_NP_Tasas, language) document.getElementById("graphTitle_CET_NP_Tasas").innerHTML=graphNames_CET_NP_Tasas[0][1]; document.getElementById("graphSubtitle_CET_NP_Tasas").innerHTML=graphNames_CET_NP_Tasas[1][1]; document.getElementById("graphFoot_CET_NP_Tasas").innerHTML=graphNames_CET_NP_Tasas[2][1]; /* Serieen tituluak hartzen ditu hizkuntzaren arabera*/ var serieNames_CET_NP_Tasas = getSerieNames(datajson_CET_NP_Tasas, language) document.getElementById("serie1Name_CET_NP_Tasas").innerHTML=serieNames_CET_NP_Tasas[0]; document.getElementById("serie2Name_CET_NP_Tasas").innerHTML=serieNames_CET_NP_Tasas[1]; document.getElementById("serie3Name_CET_NP_Tasas").innerHTML=serieNames_CET_NP_Tasas[2]; document.getElementById("serie4Name_CET_NP_Tasas").innerHTML=serieNames_CET_NP_Tasas[3]; document.getElementById("serie5Name_CET_NP_Tasas").innerHTML=serieNames_CET_NP_Tasas[4]; /* Serie guztien Array-a */ var series_CET_NP_Tasas = createSeriesNoDecimal(datajson_CET_NP_Tasas); /* Serie kopurua definitu */ var s1_CET_NP_Tasas = series_CET_NP_Tasas[0] var s2_CET_NP_Tasas = series_CET_NP_Tasas[1] var s3_CET_NP_Tasas = series_CET_NP_Tasas[2] var s4_CET_NP_Tasas = series_CET_NP_Tasas[3] var s5_CET_NP_Tasas = series_CET_NP_Tasas[4] /* Slider-aren minimoa eta maximoa */ var minSlider_CET_NP_Tasas = 0 var maxSlider_CET_NP_Tasas = s1_CET_NP_Tasas.length - 1 /* Slider-aren hasierako eta amaierako balioak lortzen dira*/ var firstRangeDate_CET_NP_Tasas = datajson_CET_NP_Tasas[datajson_CET_NP_Tasas.length-1][0] var lastRangeDate_CET_NP_Tasas = datajson_CET_NP_Tasas[datajson_CET_NP_Tasas.length-1][1] var minSliderPos_CET_NP_Tasas = getPositionInArrayOfDate(datesArray_CET_NP_Tasas, firstRangeDate_CET_NP_Tasas) var maxSliderPos_CET_NP_Tasas = getPositionInArrayOfDate(datesArray_CET_NP_Tasas, lastRangeDate_CET_NP_Tasas) /* Slider-a tartekatuta dagoenean mainGraph-eko Y ardatzaren minimoa eta maximoak finkatzeko*/ var startGraphSerie_CET_NP_Tasas = getAllValuesY([s1_CET_NP_Tasas,s2_CET_NP_Tasas,s3_CET_NP_Tasas,s4_CET_NP_Tasas,s5_CET_NP_Tasas], minSliderPos_CET_NP_Tasas, maxSliderPos_CET_NP_Tasas) var minYMainGraph_CET_NP_Tasas = getSerieMin(startGraphSerie_CET_NP_Tasas) var maxYMainGraph_CET_NP_Tasas = getSerieMax(startGraphSerie_CET_NP_Tasas) /* Serie guztiak array bakar batean batzen dira maximoa eta minimoa kalkulatzeko */ var sliderGraphSerie_CET_NP_Tasas = getAllValuesY([s1_CET_NP_Tasas,s2_CET_NP_Tasas,s3_CET_NP_Tasas,s4_CET_NP_Tasas,s5_CET_NP_Tasas],minSlider_CET_NP_Tasas,maxSlider_CET_NP_Tasas)//getAllValues(s1,s2,s3,s4,s5) var minYSliderGraph_CET_NP_Tasas = getSerieMin(sliderGraphSerie_CET_NP_Tasas) var maxYSliderGraph_CET_NP_Tasas = getSerieMax(sliderGraphSerie_CET_NP_Tasas) /* Hasierako grafikoa zentratuta dagoenean, jatorrizko serieen azpi-serieak hartzen ditu, zentratze-tartearen araberakoak*/ var s1_zentr_CET_NP_Tasas = new Array() var s2_zentr_CET_NP_Tasas = new Array() var s3_zentr_CET_NP_Tasas = new Array() var s4_zentr_CET_NP_Tasas = new Array() var s5_zentr_CET_NP_Tasas = new Array() var datesArray_zentr_CET_NP_Tasas = new Array() for(i=minSliderPos_CET_NP_Tasas;i<=maxSliderPos_CET_NP_Tasas;i++){ s1_zentr_CET_NP_Tasas.push(s1_CET_NP_Tasas[i]); s2_zentr_CET_NP_Tasas.push(s2_CET_NP_Tasas[i]); s3_zentr_CET_NP_Tasas.push(s3_CET_NP_Tasas[i]); s4_zentr_CET_NP_Tasas.push(s4_CET_NP_Tasas[i]); s5_zentr_CET_NP_Tasas.push(s5_CET_NP_Tasas[i]); datesArray_zentr_CET_NP_Tasas.push(s1_CET_NP_Tasas[i][0]) } /* Serieen kopiak x ardatzeko datu numerikoekin (zenbakiak daten ordez) */ s1_kopia_CET_NP_Tasas = changeSeries(s1_CET_NP_Tasas) s2_kopia_CET_NP_Tasas = changeSeries(s2_CET_NP_Tasas) s3_kopia_CET_NP_Tasas = changeSeries(s3_CET_NP_Tasas) s4_kopia_CET_NP_Tasas = changeSeries(s4_CET_NP_Tasas) s5_kopia_CET_NP_Tasas = changeSeries(s5_CET_NP_Tasas) s1_zentr_kopia_CET_NP_Tasas = changeSeries(s1_zentr_CET_NP_Tasas) s2_zentr_kopia_CET_NP_Tasas = changeSeries(s2_zentr_CET_NP_Tasas) s3_zentr_kopia_CET_NP_Tasas = changeSeries(s3_zentr_CET_NP_Tasas) s4_zentr_kopia_CET_NP_Tasas = changeSeries(s4_zentr_CET_NP_Tasas) s5_zentr_kopia_CET_NP_Tasas = changeSeries(s5_zentr_CET_NP_Tasas) s1_hidden_CET_NP_Tasas = new Array() for(i=0;i"; html_CET_NP_Tasas += "
"; html_CET_NP_Tasas += s_name_CET_NP_Tasas + ": "; html_CET_NP_Tasas += "" + number_format(value_CET_NP_Tasas,2) + ""; html_CET_NP_Tasas += ""; return html_CET_NP_Tasas; }, sizeAdjust: 8.5, //tooltipLocation : 'n' } }); function number_format(amount, decimals) { amount += ''; // por si pasan un numero en vez de un string amount = parseFloat(amount.replace(/[^0-9\.\-]/g, '')); // elimino cualquier cosa que no sea numero o punto decimals = decimals || 0; // por si la variable no fue fue pasada //if (amount % 1 != 0) decimals = 2; // si no es un numero o es igual a cero retorno el mismo cero if (isNaN(amount) || amount === 0) return parseFloat(0).toFixed(decimals); // si es mayor o menor que cero retorno el valor formateado como numero amount = '' + amount.toFixed(decimals); var amount_parts = amount.split('.'), regexp = /(\d+)(\d{3})/; while (regexp.test(amount_parts[0])) amount_parts[0] = amount_parts[0].replace(regexp, '$1' + '.' + '$2'); return amount_parts.join(','); } var clickSerie1_CET_NP_Tasas = true var clickSerie2_CET_NP_Tasas = true var clickSerie3_CET_NP_Tasas = true var clickSerie4_CET_NP_Tasas = true var clickSerie5_CET_NP_Tasas = true if (!document.getElementById("s1_checkbox_CET_NP_Tasas").checked) clickSerie1_CET_NP_Tasas = false; if (!document.getElementById("s2_checkbox_CET_NP_Tasas").checked) clickSerie2_CET_NP_Tasas = false; if (!document.getElementById("s3_checkbox_CET_NP_Tasas").checked) clickSerie3_CET_NP_Tasas = false; if (!document.getElementById("s4_checkbox_CET_NP_Tasas").checked) clickSerie4_CET_NP_Tasas = false; if (!document.getElementById("s5_checkbox_CET_NP_Tasas").checked) clickSerie5_CET_NP_Tasas = false; mainChart_CET_NP_Tasas.series[0].show = clickSerie1_CET_NP_Tasas; mainChart_CET_NP_Tasas.series[1].show = clickSerie2_CET_NP_Tasas; mainChart_CET_NP_Tasas.series[2].show = clickSerie3_CET_NP_Tasas; mainChart_CET_NP_Tasas.series[3].show = clickSerie4_CET_NP_Tasas; mainChart_CET_NP_Tasas.series[4].show = clickSerie5_CET_NP_Tasas; // Ezkutatuta dagoen seriea tooltipa ez agertzeko //mainChart_CET_NP_Tasas.series[4].show = false; /* Legend-a y ardatzeko canvas overlay-aren gainean ikusteko */ $.jqplot.postDrawHooks.push(function() { $(".jqplot-overlayCanvas-canvas").css('z-index', '0'); //send overlay canvas to back $(".jqplot-highlighter-tooltip").css('z-index', '1'); //make sure the tooltip is over the series }); /* Lehenengo serieari garrantzia emateko */ mainChart_CET_NP_Tasas.moveSeriesToFront(0) mainChart_CET_NP_Tasas.replot() /* Legendako serieak erakusteko/ez erakusteko */ var leftSliderPos_CET_NP_Tasas = minSliderPos_CET_NP_Tasas var rightSliderPos_CET_NP_Tasas = maxSliderPos_CET_NP_Tasas var minLegend_CET_NP_Tasas var maxLegend_CET_NP_Tasas var seriesStringAll_CET_NP_Tasas = ["s1","s2","s3","s4","s5"] var seriesStringActual_CET_NP_Tasas = ["s1","s2","s3","s4","s5"] var seriesAll_CET_NP_Tasas = [s1_CET_NP_Tasas,s2_CET_NP_Tasas,s3_CET_NP_Tasas,s4_CET_NP_Tasas,s5_CET_NP_Tasas] var seriesActual_CET_NP_Tasas; seriesStringActual_CET_NP_Tasas = getSeriesClickedOnLegend(this, seriesStringActual_CET_NP_Tasas, seriesStringAll_CET_NP_Tasas, mainChart_CET_NP_Tasas) seriesActual_CET_NP_Tasas = getSeriesFromString(seriesStringActual_CET_NP_Tasas, seriesAll_CET_NP_Tasas) if(seriesActual_CET_NP_Tasas.length>0){ allSeries_CET_NP_Tasas = getAllValuesY(seriesActual_CET_NP_Tasas,leftSliderPos_CET_NP_Tasas,rightSliderPos_CET_NP_Tasas) minLegend_CET_NP_Tasas = getSerieMin(allSeries_CET_NP_Tasas) maxLegend_CET_NP_Tasas = getSerieMax(allSeries_CET_NP_Tasas) } else{ minLegend_CET_NP_Tasas=-20 maxLegend_CET_NP_Tasas=20 } var seriesWidth_CET_NP_Tasas = [1, 2, 1, 2, 1] $("input[type=checkbox]").click(function(){ if(this.id == "s1_checkbox_CET_NP_Tasas") clickSerie1_CET_NP_Tasas = this.checked else if(this.id == "s2_checkbox_CET_NP_Tasas") clickSerie2_CET_NP_Tasas = this.checked else if(this.id == "s3_checkbox_CET_NP_Tasas") clickSerie3_CET_NP_Tasas = this.checked else if(this.id == "s4_checkbox_CET_NP_Tasas") clickSerie4_CET_NP_Tasas= this.checked else if(this.id == "s5_checkbox_CET_NP_Tasas") clickSerie5_CET_NP_Tasas = this.checked // Ezkutatuta dagoen seriea tooltipa ez agertzeko mainChart_CET_NP_Tasas.series[5].show = false; mainChart_CET_NP_Tasas.series[0].show = clickSerie1_CET_NP_Tasas mainChart_CET_NP_Tasas.series[1].show = clickSerie2_CET_NP_Tasas mainChart_CET_NP_Tasas.series[2].show = clickSerie3_CET_NP_Tasas mainChart_CET_NP_Tasas.series[3].show = clickSerie4_CET_NP_Tasas mainChart_CET_NP_Tasas.series[4].show = clickSerie5_CET_NP_Tasas seriesStringActual_CET_NP_Tasas = getSeriesClickedOnLegend(this, seriesStringActual_CET_NP_Tasas, seriesStringAll_CET_NP_Tasas, mainChart_CET_NP_Tasas) seriesActual_CET_NP_Tasas = getSeriesFromString(seriesStringActual_CET_NP_Tasas, seriesAll_CET_NP_Tasas) if(seriesActual_CET_NP_Tasas.length>0){ allSeries_CET_NP_Tasas = getAllValuesY(seriesActual_CET_NP_Tasas,leftSliderPos_CET_NP_Tasas,rightSliderPos_CET_NP_Tasas) minLegend_CET_NP_Tasas = getSerieMin(allSeries_CET_NP_Tasas) maxLegend_CET_NP_Tasas = getSerieMax(allSeries_CET_NP_Tasas) } else{ minLegend_CET_NP_Tasas=-20 maxLegend_CET_NP_Tasas=20 } mainChart_CET_NP_Tasas.axes.yaxis.ticks = getYRange(minLegend_CET_NP_Tasas, maxLegend_CET_NP_Tasas) mainChart_CET_NP_Tasas.axes.y2axis.ticks = getYRange(minLegend_CET_NP_Tasas, maxLegend_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot() }); $("p").mouseenter(function() { // Ezkutatuta dagoen seriea tooltipa ez agertzeko mainChart_CET_NP_Tasas.series[5].show = false; elementId_CET_NP_Tasas = this.id clicks_CET_NP_Tasas = [clickSerie1_CET_NP_Tasas,clickSerie2_CET_NP_Tasas,clickSerie3_CET_NP_Tasas,clickSerie4_CET_NP_Tasas,clickSerie5_CET_NP_Tasas] if(elementId_CET_NP_Tasas == "serie1Name_CET_NP_Tasas" && clickSerie1_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "enter", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) mainChart_CET_NP_Tasas.moveSeriesToFront(0) } else if(elementId_CET_NP_Tasas == "serie2Name_CET_NP_Tasas" && clickSerie2_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "enter", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) mainChart_CET_NP_Tasas.moveSeriesToFront(1) } else if(elementId_CET_NP_Tasas == "serie3Name_CET_NP_Tasas" && clickSerie3_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "enter", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) mainChart_CET_NP_Tasas.moveSeriesToFront(2) } else if(elementId_CET_NP_Tasas == "serie4Name_CET_NP_Tasas" && clickSerie4_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "enter", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) mainChart_CET_NP_Tasas.moveSeriesToFront(3) } else if(elementId_CET_NP_Tasas == "serie5Name_CET_NP_Tasas" && clickSerie5_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "enter", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) mainChart_CET_NP_Tasas.moveSeriesToFront(4) } seriesStringActual_CET_NP_Tasas = getSeriesClickedOnLegend(this, seriesStringActual_CET_NP_Tasas, seriesStringAll_CET_NP_Tasas, mainChart_CET_NP_Tasas) seriesActual_CET_NP_Tasas = getSeriesFromString(seriesStringActual_CET_NP_Tasas, seriesAll_CET_NP_Tasas) if(seriesActual_CET_NP_Tasas.length>0){ allSeries_CET_NP_Tasas = getAllValuesY(seriesActual_CET_NP_Tasas,leftSliderPos_CET_NP_Tasas,rightSliderPos_CET_NP_Tasas) minLegend_CET_NP_Tasas = getSerieMin(allSeries_CET_NP_Tasas) maxLegend_CET_NP_Tasas = getSerieMax(allSeries_CET_NP_Tasas) } else{ minLegend_CET_NP_Tasas=-20 maxLegend_CET_NP_Tasas=20 } mainChart_CET_NP_Tasas.axes.yaxis.ticks = getYRange(minLegend_CET_NP_Tasas, maxLegend_CET_NP_Tasas) mainChart_CET_NP_Tasas.axes.y2axis.ticks = getYRange(minLegend_CET_NP_Tasas, maxLegend_CET_NP_Tasas) mainChart_CET_NP_Tasas.series[0].show = clickSerie1_CET_NP_Tasas mainChart_CET_NP_Tasas.series[1].show = clickSerie2_CET_NP_Tasas mainChart_CET_NP_Tasas.series[2].show = clickSerie3_CET_NP_Tasas mainChart_CET_NP_Tasas.series[3].show = clickSerie4_CET_NP_Tasas mainChart_CET_NP_Tasas.series[4].show = clickSerie5_CET_NP_Tasas mainChart_CET_NP_Tasas.replot() }) $("p").mouseleave(function() { // Ezkutatuta dagoen seriea tooltipa ez agertzeko mainChart_CET_NP_Tasas.series[5].show = false; elementId_CET_NP_Tasas = this.id clicks_CET_NP_Tasas = [clickSerie1_CET_NP_Tasas,clickSerie2_CET_NP_Tasas,clickSerie3_CET_NP_Tasas,clickSerie4_CET_NP_Tasas,clickSerie5_CET_NP_Tasas] if(elementId_CET_NP_Tasas == "serie1Name_CET_NP_Tasas" && clickSerie1_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "exit", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) } else if(elementId_CET_NP_Tasas == "serie2Name_CET_NP_Tasas" && clickSerie2_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "exit", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) } else if(elementId_CET_NP_Tasas == "serie3Name_CET_NP_Tasas" && clickSerie3_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "exit", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) } else if(elementId_CET_NP_Tasas == "serie4Name_CET_NP_Tasas" && clickSerie4_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "exit", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) } else if(elementId_CET_NP_Tasas == "serie5Name_CET_NP_Tasas" && clickSerie5_CET_NP_Tasas == true){ series_CET_NP_Tasas = repaintLineWidth(elementId_CET_NP_Tasas, "exit", mainChart_CET_NP_Tasas, clicks_CET_NP_Tasas, seriesWidth_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot({series:series_CET_NP_Tasas}) } mainChart_CET_NP_Tasas.axes.yaxis.ticks = getYRange(minLegend_CET_NP_Tasas, maxLegend_CET_NP_Tasas) mainChart_CET_NP_Tasas.axes.y2axis.ticks = getYRange(minLegend_CET_NP_Tasas, maxLegend_CET_NP_Tasas) mainChart_CET_NP_Tasas.series[0].show = clickSerie1_CET_NP_Tasas mainChart_CET_NP_Tasas.series[1].show = clickSerie2_CET_NP_Tasas mainChart_CET_NP_Tasas.series[2].show = clickSerie3_CET_NP_Tasas mainChart_CET_NP_Tasas.series[3].show = clickSerie4_CET_NP_Tasas mainChart_CET_NP_Tasas.series[4].show = clickSerie5_CET_NP_Tasas /* Lehenengo serieari garrantzia emateko */ mainChart_CET_NP_Tasas.moveSeriesToFront(0) mainChart_CET_NP_Tasas.replot() }) /* Slider-aren grafikoa marraztu */ var sliderChart_CET_NP_Tasas = $.jqplot ('chart2_CET_NP_Tasas', [s1_kopia_CET_NP_Tasas,s2_kopia_CET_NP_Tasas,s3_kopia_CET_NP_Tasas,s4_kopia_CET_NP_Tasas,s5_kopia_CET_NP_Tasas], { grid: { background: 'white', drawBorder: false, shadow: false, }, seriesColors: ["#0000FF", "#FFA500", "#008000", "#FF0000", "#FFC0CB"], series:[ {label:serieNames_CET_NP_Tasas[0],renderer:$.jqplot.LineRenderer,color: "#0000FF",lineWidth: 1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_CET_NP_Tasas[1],renderer:$.jqplot.LineRenderer,color: "#FFA500",lineWidth: 1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_CET_NP_Tasas[2],renderer:$.jqplot.LineRenderer,color: "#008000",lineWidth: 1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_CET_NP_Tasas[3],renderer:$.jqplot.LineRenderer,color: "#FF0000",lineWidth: 1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_CET_NP_Tasas[4],renderer:$.jqplot.LineRenderer,color: "#FFC0CB",lineWidth: 1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, ], axesDefaults: { labelRenderer: $.jqplot.CanvasAxisLabelRenderer }, axes: { xaxis: { //tickRenderer: $.jqplot.CanvasAxisTickRenderer, tickOptions: { formatter: function (format, val) { tickName_CET_NP_Tasas = formatTickLabelSlider(val, s1_kopia_CET_NP_Tasas[0][0], s1_kopia_CET_NP_Tasas[s1_kopia_CET_NP_Tasas.length-1][0], s1_CET_NP_Tasas, language, "quarterly_data") return tickName_CET_NP_Tasas }, textColor: 'black' }, ticks : getXRangeSlider(s1_kopia_CET_NP_Tasas[0][0], s1_kopia_CET_NP_Tasas[s1_kopia_CET_NP_Tasas.length-1][0]), drawMajorGridlines: true, drawMinorGridlines: true }, yaxis: { rendererOptions: {forceTickAt0: true}, tickOptions: {formatString: "%#.1f" }, showTicks: false, min: minYSliderGraph_CET_NP_Tasas - yAddedQuantity_CET_NP_Tasas, max:maxYSliderGraph_CET_NP_Tasas + yAddedQuantity_CET_NP_Tasas } } }); /* SliderChart-eko hasierako laukizuzenak marrazteko*/ sliderChart_CET_NP_Tasas.replot({ canvasOverlay: { show: true, objects: [ { rectangle: { xmin:0,xmax: minSliderPos_CET_NP_Tasas, xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px", color: "rgba(192,192,192,0.5)"} }, { rectangle: { xmin:maxSliderPos_CET_NP_Tasas,xmax: s1_kopia_CET_NP_Tasas[s1_kopia_CET_NP_Tasas.length - 1][0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px", color: "rgba(192,192,192,0.5)"} } ] } }) sliderChart_CET_NP_Tasas.moveSeriesToFront(0) /* Slider-a marraztu */ $("#slider_CET_NP_Tasas").slider({ max: maxSlider_CET_NP_Tasas, min: minSlider_CET_NP_Tasas, range: true, values: [ minSliderPos_CET_NP_Tasas, maxSliderPos_CET_NP_Tasas ], slide: function(event,ui){ var serie1New_CET_NP_Tasas = new Array() var serie2New_CET_NP_Tasas = new Array() var serie3New_CET_NP_Tasas = new Array() var serie4New_CET_NP_Tasas = new Array() var serie5New_CET_NP_Tasas = new Array() var datesArrayBerria_CET_NP_Tasas = new Array() for(i=ui.values[0];i<=ui.values[1];i++) { serie1New_CET_NP_Tasas.push(s1_CET_NP_Tasas[i]); serie2New_CET_NP_Tasas.push(s2_CET_NP_Tasas[i]); serie3New_CET_NP_Tasas.push(s3_CET_NP_Tasas[i]); serie4New_CET_NP_Tasas.push(s4_CET_NP_Tasas[i]); serie5New_CET_NP_Tasas.push(s5_CET_NP_Tasas[i]); datesArrayBerria_CET_NP_Tasas.push(s1_CET_NP_Tasas[i][0]) } var valuesNew_CET_NP_Tasas = getAllValuesY([serie1New_CET_NP_Tasas, serie2New_CET_NP_Tasas, serie3New_CET_NP_Tasas,serie4New_CET_NP_Tasas,serie5New_CET_NP_Tasas],0,serie1New_CET_NP_Tasas.length-1) min_CET_NP_Tasas = getSerieMin(valuesNew_CET_NP_Tasas) max_CET_NP_Tasas = getSerieMax(valuesNew_CET_NP_Tasas) serieBerria1_CET_NP_Tasas = changeSeries(serie1New_CET_NP_Tasas) serieBerria2_CET_NP_Tasas = changeSeries(serie2New_CET_NP_Tasas) serieBerria3_CET_NP_Tasas = changeSeries(serie3New_CET_NP_Tasas) serieBerria4_CET_NP_Tasas = changeSeries(serie4New_CET_NP_Tasas) serieBerria5_CET_NP_Tasas = changeSeries(serie5New_CET_NP_Tasas) mainChart_CET_NP_Tasas.destroy() mainChart_CET_NP_Tasas = $.jqplot ('chart1_CET_NP_Tasas', [serieBerria1_CET_NP_Tasas,serieBerria2_CET_NP_Tasas,serieBerria3_CET_NP_Tasas, serieBerria4_CET_NP_Tasas,serieBerria5_CET_NP_Tasas,s1_hidden_CET_NP_Tasas], { grid: { background: 'white', drawBorder: false, shadow: false, }, canvasOverlay: { show: true, objects: [ { horizontalLine:{ y: 0, xminOffset: "0px", xmaxOffset: "0px", lineWidth: 1, color: "black", shadow: false, name: "0" } } ] }, seriesColors: ["#0000FF", "#FFA500", "#008000", "#FF0000", "#FFC0CB", "black"], series:[ {label:serieNames_CET_NP_Tasas[0],show:document.getElementById("s1_checkbox_CET_NP_Tasas").checked,renderer:$.jqplot.LineRenderer,color:"#0000FF",lineWidth:1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_CET_NP_Tasas[1],show:document.getElementById("s2_checkbox_CET_NP_Tasas").checked,renderer:$.jqplot.LineRenderer,color:"#FFA500",lineWidth:1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_CET_NP_Tasas[2],show:document.getElementById("s3_checkbox_CET_NP_Tasas").checked,renderer:$.jqplot.LineRenderer,color:"#008000",lineWidth:1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_CET_NP_Tasas[3],show:document.getElementById("s4_checkbox_CET_NP_Tasas").checked,renderer:$.jqplot.LineRenderer,color:"#FF0000",lineWidth:1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_CET_NP_Tasas[4],show:document.getElementById("s5_checkbox_CET_NP_Tasas").checked,renderer:$.jqplot.LineRenderer,color:"#FFC0CB",lineWidth:1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {yaxis:"y2axis",renderer:$.jqplot.LineRenderer,color:"#FFC0CB"} ], axesDefaults: { labelRenderer: $.jqplot.CanvasAxisLabelRenderer }, axes: { xaxis: { //tickRenderer: $.jqplot.CanvasAxisTickRenderer, tickOptions: { formatter: function (format, val) { tickName_CET_NP_Tasas = formatTickLabel(val, serieBerria1_CET_NP_Tasas[0][0], serieBerria1_CET_NP_Tasas[serieBerria1_CET_NP_Tasas.length-1][0], serie1New_CET_NP_Tasas, language, "quarterly_data") return tickName_CET_NP_Tasas }, textColor: 'black' }, ticks : getXRange(serieBerria1_CET_NP_Tasas[0][0], serieBerria1_CET_NP_Tasas[serieBerria1_CET_NP_Tasas.length-1][0]), drawMajorGridlines: true }, yaxis: { tickOptions: {formatString: "%#.1f" }, ticks:getYRange(min_CET_NP_Tasas, max_CET_NP_Tasas) }, y2axis: { rendererOptions: {alignTicks: true}, tickOptions: {formatString: "%#.1f" }, ticks:getYRange(min_CET_NP_Tasas, max_CET_NP_Tasas) } }, highlighter: { show: true, tooltipContentEditor: function (str, seriesIndex, pointIndex, plot) { var date_CET_NP_Tasas = datesArrayBerria_CET_NP_Tasas[plot.data[seriesIndex][pointIndex][0]]; var s_name_CET_NP_Tasas = plot.series[seriesIndex]["label"]; num_CET_NP_Tasas = plot.data[seriesIndex][pointIndex][1] var value_CET_NP_Tasas = num_CET_NP_Tasas//plot.data[seriesIndex][pointIndex][1]; var yearString_CET_NP_Tasas = date_CET_NP_Tasas.substring(6,10); var monthString_CET_NP_Tasas = date_CET_NP_Tasas.substring(3,5); if ("yearly_data"==="quarterly_data") { monthName_CET_NP_Tasas = ""; } else if ("quarterly_data"==="quarterly_data") { monthName_CET_NP_Tasas = getQuarter(monthString_CET_NP_Tasas, language) + ", "; } else { monthName_CET_NP_Tasas = getMonthHighlight(monthString_CET_NP_Tasas, language) + ", "; } var html_CET_NP_Tasas = "
"; html_CET_NP_Tasas += "" + monthName_CET_NP_Tasas + yearString_CET_NP_Tasas + ""; html_CET_NP_Tasas += "
"; html_CET_NP_Tasas += s_name_CET_NP_Tasas + ": "; html_CET_NP_Tasas += "" + number_format(value_CET_NP_Tasas, 2) + ""; html_CET_NP_Tasas += "
"; return html_CET_NP_Tasas; }, sizeAdjust: 8.5, //tooltipLocation : 'n' } }); // Ezkutatuta dagoen seriea tooltipa ez agertzeko mainChart_CET_NP_Tasas.series[5].show = false; /* Line-chart-ari dagokion lehenengo serieari garrantzia emateko */ mainChart_CET_NP_Tasas.moveSeriesToFront(0) /* SliderChart-eko momentuko laukizuzenak marrazteko*/ sliderChart_CET_NP_Tasas.replot({ canvasOverlay: { show: true, objects: [ { rectangle: { xmin:0,xmax: ui.values[0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px", color: "rgba(192,192,192,0.5)"} }, { rectangle: { xmin:ui.values[1],xmax: s1_kopia_CET_NP_Tasas[s1_kopia_CET_NP_Tasas.length - 1][0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px", color: "rgba(192,192,192,0.5)"} } ] } }) sliderChart_CET_NP_Tasas.moveSeriesToFront(0) /* Legendan klikatuta dauden serieen maximo eta minimoa eguneratzeko*/ leftSliderPos_CET_NP_Tasas = ui.values[0] rightSliderPos_CET_NP_Tasas = ui.values[1] seriesStringActual_CET_NP_Tasas = getSeriesClickedOnLegend(this, seriesStringActual_CET_NP_Tasas, seriesStringAll_CET_NP_Tasas, mainChart_CET_NP_Tasas) seriesActual_CET_NP_Tasas = getSeriesFromString(seriesStringActual_CET_NP_Tasas, seriesAll_CET_NP_Tasas) allSeries_CET_NP_Tasas = getAllValuesY(seriesActual_CET_NP_Tasas,leftSliderPos_CET_NP_Tasas,rightSliderPos_CET_NP_Tasas) minLegend_CET_NP_Tasas = getSerieMin(allSeries_CET_NP_Tasas) maxLegend_CET_NP_Tasas = getSerieMax(allSeries_CET_NP_Tasas) mainChart_CET_NP_Tasas.axes.yaxis.ticks = getYRange(minLegend_CET_NP_Tasas, maxLegend_CET_NP_Tasas) mainChart_CET_NP_Tasas.axes.y2axis.ticks = getYRange(minLegend_CET_NP_Tasas, maxLegend_CET_NP_Tasas) mainChart_CET_NP_Tasas.replot(); } }); /* */ function repaintLineWidth(serieId, eventType, mainChart, clicks, seriesWidth){ var series_CET_NP_Tasas; if (serieId == "serie1Name_CET_NP_Tasas" && eventType == "enter"){ if(clicks[0] == true) seriesWidth[0] = seriesWidth[0] + 1 document.getElementById(serieId).setAttribute("style", "background: rgba(192,192,192,0.5); border-style:solid; border-width:1px; border-color:black; font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } else if (serieId == "serie1Name_CET_NP_Tasas" && eventType == "exit"){ if(clicks[0] == true) seriesWidth[0] = seriesWidth[0] -1 document.getElementById(serieId).setAttribute("style", "font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } if (serieId == "serie2Name_CET_NP_Tasas" && eventType == "enter"){ if(clicks[1] == true)seriesWidth[1] = seriesWidth[1] + 1 document.getElementById(serieId).setAttribute("style", "background: rgba(192,192,192,0.5); border-style:solid; border-width:1px; border-color:black; font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } else if (serieId == "serie2Name_CET_NP_Tasas" && eventType == "exit"){ if(clicks[1] == true)seriesWidth[1] = seriesWidth[1] - 1 document.getElementById(serieId).setAttribute("style", "font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } if (serieId == "serie3Name_CET_NP_Tasas" && eventType == "enter"){ if(clicks[2] == true)seriesWidth[2] = seriesWidth[2] + 1 document.getElementById(serieId).setAttribute("style", "background: rgba(192,192,192,0.5); border-style:solid; border-width:1px; border-color:black; font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } else if (serieId == "serie3Name_CET_NP_Tasas" && eventType == "exit"){ if(clicks[2] == true)seriesWidth[2] = seriesWidth[2] - 1 document.getElementById(serieId).setAttribute("style", "font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } if (serieId == "serie4Name_CET_NP_Tasas" && eventType == "enter"){ if(clicks[3] == true)seriesWidth[3] = seriesWidth[3] + 1 document.getElementById(serieId).setAttribute("style", "background: rgba(192,192,192,0.5); border-style:solid; border-width:1px; border-color:black; font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } else if (serieId == "serie4Name_CET_NP_Tasas" && eventType == "exit"){ if(clicks[3] == true)seriesWidth[3] = seriesWidth[3] - 1 document.getElementById(serieId).setAttribute("style", "font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } if (serieId == "serie5Name_CET_NP_Tasas" && eventType == "enter"){ if(clicks[4] == true)seriesWidth[4] = seriesWidth[4] + 1 document.getElementById(serieId).setAttribute("style", "background: rgba(192,192,192,0.5); border-style:solid; border-width:1px; border-color:black; font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } else if (serieId == "serie5Name_CET_NP_Tasas" && eventType == "exit"){ if(clicks[4] == true)seriesWidth[4] = seriesWidth[4] - 1 document.getElementById(serieId).setAttribute("style", "font-family: Verdana !important; font-size: TAMANOpx; font-style: italic; font-weight: normal;"); } series_CET_NP_Tasas = [{lineWidth: seriesWidth[0]},{lineWidth: seriesWidth[1]},{lineWidth: seriesWidth[2]},{lineWidth: seriesWidth[3]},{lineWidth: seriesWidth[4]},{lineWidth: 0.01}] return series_CET_NP_Tasas; } /* Funtzio honek Legend-an klikaturik dauden serieen array-a itzultzen du eta seriea pintatu/ez pintatu */ function getSeriesClickedOnLegend(thisClicked, seriesActual, seriesAll, mainChart){ result_CET_NP_Tasas = seriesActual if(thisClicked.value=="s1_legend_CET_NP_Tasas"){ index = indexOfSerieClicked(thisClicked.value, seriesActual) if(thisClicked.checked == true){ result_CET_NP_Tasas.splice(index, 0, seriesAll[0]); } else{ result_CET_NP_Tasas.splice(index, 1); } mainChart.series[0].show = thisClicked.checked; } if(thisClicked.value=="s2_legend_CET_NP_Tasas"){ index = indexOfSerieClicked(thisClicked.value, seriesActual) if(thisClicked.checked == true){ result_CET_NP_Tasas.splice(index, 0, seriesAll[1]); } else{ result_CET_NP_Tasas.splice(index, 1); } mainChart.series[1].show = thisClicked.checked; } if(thisClicked.value=="s3_legend_CET_NP_Tasas"){ index = indexOfSerieClicked(thisClicked.value, seriesActual) if(thisClicked.checked == true){ result_CET_NP_Tasas.splice(index, 0, seriesAll[2]); } else{ result_CET_NP_Tasas.splice(index, 1); } mainChart.series[2].show = thisClicked.checked; } if(thisClicked.value=="s4_legend_CET_NP_Tasas"){ index = indexOfSerieClicked(thisClicked.value, seriesActual) if(thisClicked.checked == true){ result_CET_NP_Tasas.splice(index, 0, seriesAll[3]); } else{ result_CET_NP_Tasas.splice(index, 1); } mainChart.series[3].show = thisClicked.checked; } if(thisClicked.value=="s5_legend_CET_NP_Tasas"){ index = indexOfSerieClicked(thisClicked.value, seriesActual) if(thisClicked.checked == true){ result_CET_NP_Tasas.splice(index, 0, seriesAll[4]); } else{ result_CET_NP_Tasas.splice(index, 1); } mainChart.series[4].show = thisClicked.checked; } return result_CET_NP_Tasas } });