$(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_GRI_EMAT_tendencia = 0.5 /* Serieen datak hartzen ditu */ var datesArray_GRI_EMAT_tendencia = datajson_GRI_EMAT_tendencia[0] /* Grafikoaren titulu, azpititulu eta oina hartzen ditu jizkuntzaren arabera */ var graphNames_GRI_EMAT_tendencia = getGraphNames(datajson_GRI_EMAT_tendencia, language) document.getElementById("graphTitle_GRI_EMAT_tendencia").innerHTML=graphNames_GRI_EMAT_tendencia[0][1]; document.getElementById("graphSubtitle_GRI_EMAT_tendencia").innerHTML=graphNames_GRI_EMAT_tendencia[1][1]; document.getElementById("graphFoot_GRI_EMAT_tendencia").innerHTML=graphNames_GRI_EMAT_tendencia[2][1]; /* Serieen tituluak hartzen ditu hizkuntzaren arabera*/ var serieNames_GRI_EMAT_tendencia = getSerieNames(datajson_GRI_EMAT_tendencia, language) document.getElementById("serie1Name_GRI_EMAT_tendencia").innerHTML=serieNames_GRI_EMAT_tendencia[0]; document.getElementById("serie2Name_GRI_EMAT_tendencia").innerHTML=serieNames_GRI_EMAT_tendencia[1]; /* Serie guztien Array-a */ var series_GRI_EMAT_tendencia = createSeriesNoDecimal(datajson_GRI_EMAT_tendencia); /* Serie kopurua definitu */ var s1_GRI_EMAT_tendencia = series_GRI_EMAT_tendencia[0] var s2_GRI_EMAT_tendencia = series_GRI_EMAT_tendencia[1] /* Slider-aren minimoa eta maximoa */ var minSlider_GRI_EMAT_tendencia = 0 var maxSlider_GRI_EMAT_tendencia = s1_GRI_EMAT_tendencia.length - 1 /* Slider-aren hasierako eta amaierako balioak lortzen dira*/ var firstRangeDate_GRI_EMAT_tendencia = datajson_GRI_EMAT_tendencia[datajson_GRI_EMAT_tendencia.length-1][0] var lastRangeDate_GRI_EMAT_tendencia = datajson_GRI_EMAT_tendencia[datajson_GRI_EMAT_tendencia.length-1][1] var minSliderPos_GRI_EMAT_tendencia = getPositionInArrayOfDate(datesArray_GRI_EMAT_tendencia, firstRangeDate_GRI_EMAT_tendencia) var maxSliderPos_GRI_EMAT_tendencia = getPositionInArrayOfDate(datesArray_GRI_EMAT_tendencia, lastRangeDate_GRI_EMAT_tendencia) /* Slider-a tartekatuta dagoenean mainGraph-eko Y ardatzaren minimoa eta maximoak finkatzeko*/ var startGraphSerie_GRI_EMAT_tendencia = getAllValuesY([s1_GRI_EMAT_tendencia,s2_GRI_EMAT_tendencia], minSliderPos_GRI_EMAT_tendencia, maxSliderPos_GRI_EMAT_tendencia) var minYMainGraph_GRI_EMAT_tendencia = getSerieMin(startGraphSerie_GRI_EMAT_tendencia) var maxYMainGraph_GRI_EMAT_tendencia = getSerieMax(startGraphSerie_GRI_EMAT_tendencia) /* Serie guztiak array bakar batean batzen dira maximoa eta minimoa kalkulatzeko */ var sliderGraphSerie_GRI_EMAT_tendencia = getAllValuesY([s1_GRI_EMAT_tendencia,s2_GRI_EMAT_tendencia],minSlider_GRI_EMAT_tendencia,maxSlider_GRI_EMAT_tendencia)//getAllValues(s1,s2) var minYSliderGraph_GRI_EMAT_tendencia = getSerieMin(sliderGraphSerie_GRI_EMAT_tendencia) var maxYSliderGraph_GRI_EMAT_tendencia = getSerieMax(sliderGraphSerie_GRI_EMAT_tendencia) /* Hasierako grafikoa zentratuta dagoenean, jatorrizko serieen azpi-serieak hartzen ditu, zentratze-tartearen araberakoak*/ var s1_zentr_GRI_EMAT_tendencia = new Array() var s2_zentr_GRI_EMAT_tendencia = new Array() var datesArray_zentr_GRI_EMAT_tendencia = new Array() for(i=minSliderPos_GRI_EMAT_tendencia;i<=maxSliderPos_GRI_EMAT_tendencia;i++){ s1_zentr_GRI_EMAT_tendencia.push(s1_GRI_EMAT_tendencia[i]); s2_zentr_GRI_EMAT_tendencia.push(s2_GRI_EMAT_tendencia[i]); datesArray_zentr_GRI_EMAT_tendencia.push(s1_GRI_EMAT_tendencia[i][0]) } /* Serieen kopiak x ardatzeko datu numerikoekin (zenbakiak daten ordez) */ s1_kopia_GRI_EMAT_tendencia = changeSeries(s1_GRI_EMAT_tendencia) s2_kopia_GRI_EMAT_tendencia = changeSeries(s2_GRI_EMAT_tendencia) s1_zentr_kopia_GRI_EMAT_tendencia = changeSeries(s1_zentr_GRI_EMAT_tendencia) s2_zentr_kopia_GRI_EMAT_tendencia = changeSeries(s2_zentr_GRI_EMAT_tendencia) s1_hidden_GRI_EMAT_tendencia = new Array() for(i=0;i"; html_GRI_EMAT_tendencia += "
"; html_GRI_EMAT_tendencia += s_name_GRI_EMAT_tendencia + ": "; html_GRI_EMAT_tendencia += "" + number_format(value_GRI_EMAT_tendencia,0) + ""; html_GRI_EMAT_tendencia += ""; return html_GRI_EMAT_tendencia; }, 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; console.log (amount); // 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_GRI_EMAT_tendencia = true var clickSerie2_GRI_EMAT_tendencia = true if (!document.getElementById("s1_checkbox_GRI_EMAT_tendencia").checked) clickSerie1_GRI_EMAT_tendencia = false; if (!document.getElementById("s2_checkbox_GRI_EMAT_tendencia").checked) clickSerie2_GRI_EMAT_tendencia = false; mainChart_GRI_EMAT_tendencia.series[0].show = clickSerie1_GRI_EMAT_tendencia; mainChart_GRI_EMAT_tendencia.series[1].show = clickSerie2_GRI_EMAT_tendencia; // Ezkutatuta dagoen seriea tooltipa ez agertzeko //mainChart_GRI_EMAT_tendencia.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_GRI_EMAT_tendencia.moveSeriesToFront(0) mainChart_GRI_EMAT_tendencia.replot() /* Legendako serieak erakusteko/ez erakusteko */ var leftSliderPos_GRI_EMAT_tendencia = minSliderPos_GRI_EMAT_tendencia var rightSliderPos_GRI_EMAT_tendencia = maxSliderPos_GRI_EMAT_tendencia var minLegend_GRI_EMAT_tendencia var maxLegend_GRI_EMAT_tendencia var seriesStringAll_GRI_EMAT_tendencia = ["s1","s2"] var seriesStringActual_GRI_EMAT_tendencia = ["s1","s2"] var seriesAll_GRI_EMAT_tendencia = [s1_GRI_EMAT_tendencia,s2_GRI_EMAT_tendencia] var seriesActual_GRI_EMAT_tendencia; seriesStringActual_GRI_EMAT_tendencia = getSeriesClickedOnLegend(this, seriesStringActual_GRI_EMAT_tendencia, seriesStringAll_GRI_EMAT_tendencia, mainChart_GRI_EMAT_tendencia) seriesActual_GRI_EMAT_tendencia = getSeriesFromString(seriesStringActual_GRI_EMAT_tendencia, seriesAll_GRI_EMAT_tendencia) if(seriesActual_GRI_EMAT_tendencia.length>0){ allSeries_GRI_EMAT_tendencia = getAllValuesY(seriesActual_GRI_EMAT_tendencia,leftSliderPos_GRI_EMAT_tendencia,rightSliderPos_GRI_EMAT_tendencia) minLegend_GRI_EMAT_tendencia = getSerieMin(allSeries_GRI_EMAT_tendencia) maxLegend_GRI_EMAT_tendencia = getSerieMax(allSeries_GRI_EMAT_tendencia) } else{ minLegend_GRI_EMAT_tendencia=-20 maxLegend_GRI_EMAT_tendencia=20 } var seriesWidth_GRI_EMAT_tendencia = [1, 1] $("input[type=checkbox]").click(function(){ if(this.id == "s1_checkbox_GRI_EMAT_tendencia") clickSerie1_GRI_EMAT_tendencia = this.checked else if(this.id == "s2_checkbox_GRI_EMAT_tendencia") clickSerie2_GRI_EMAT_tendencia = this.checked // Ezkutatuta dagoen seriea tooltipa ez agertzeko mainChart_GRI_EMAT_tendencia.series[2].show = false; mainChart_GRI_EMAT_tendencia.series[0].show = clickSerie1_GRI_EMAT_tendencia mainChart_GRI_EMAT_tendencia.series[1].show = clickSerie2_GRI_EMAT_tendencia seriesStringActual_GRI_EMAT_tendencia = getSeriesClickedOnLegend(this, seriesStringActual_GRI_EMAT_tendencia, seriesStringAll_GRI_EMAT_tendencia, mainChart_GRI_EMAT_tendencia) seriesActual_GRI_EMAT_tendencia = getSeriesFromString(seriesStringActual_GRI_EMAT_tendencia, seriesAll_GRI_EMAT_tendencia) if(seriesActual_GRI_EMAT_tendencia.length>0){ allSeries_GRI_EMAT_tendencia = getAllValuesY(seriesActual_GRI_EMAT_tendencia,leftSliderPos_GRI_EMAT_tendencia,rightSliderPos_GRI_EMAT_tendencia) minLegend_GRI_EMAT_tendencia = getSerieMin(allSeries_GRI_EMAT_tendencia) maxLegend_GRI_EMAT_tendencia = getSerieMax(allSeries_GRI_EMAT_tendencia) } else{ minLegend_GRI_EMAT_tendencia=-20 maxLegend_GRI_EMAT_tendencia=20 } mainChart_GRI_EMAT_tendencia.axes.yaxis.ticks = getYRange(1, maxLegend_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.axes.y2axis.ticks = getYRange(1, maxLegend_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.replot() }); $("p").mouseenter(function() { // Ezkutatuta dagoen seriea tooltipa ez agertzeko mainChart_GRI_EMAT_tendencia.series[2].show = false; elementId_GRI_EMAT_tendencia = this.id clicks_GRI_EMAT_tendencia = [clickSerie1_GRI_EMAT_tendencia,clickSerie2_GRI_EMAT_tendencia] if(elementId_GRI_EMAT_tendencia == "serie1Name_GRI_EMAT_tendencia" && clickSerie1_GRI_EMAT_tendencia == true){ series_GRI_EMAT_tendencia = repaintLineWidth(elementId_GRI_EMAT_tendencia, "enter", mainChart_GRI_EMAT_tendencia, clicks_GRI_EMAT_tendencia, seriesWidth_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.replot({series:series_GRI_EMAT_tendencia}) mainChart_GRI_EMAT_tendencia.moveSeriesToFront(0) } else if(elementId_GRI_EMAT_tendencia == "serie2Name_GRI_EMAT_tendencia" && clickSerie2_GRI_EMAT_tendencia == true){ series_GRI_EMAT_tendencia = repaintLineWidth(elementId_GRI_EMAT_tendencia, "enter", mainChart_GRI_EMAT_tendencia, clicks_GRI_EMAT_tendencia, seriesWidth_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.replot({series:series_GRI_EMAT_tendencia}) mainChart_GRI_EMAT_tendencia.moveSeriesToFront(1) } seriesStringActual_GRI_EMAT_tendencia = getSeriesClickedOnLegend(this, seriesStringActual_GRI_EMAT_tendencia, seriesStringAll_GRI_EMAT_tendencia, mainChart_GRI_EMAT_tendencia) seriesActual_GRI_EMAT_tendencia = getSeriesFromString(seriesStringActual_GRI_EMAT_tendencia, seriesAll_GRI_EMAT_tendencia) if(seriesActual_GRI_EMAT_tendencia.length>0){ allSeries_GRI_EMAT_tendencia = getAllValuesY(seriesActual_GRI_EMAT_tendencia,leftSliderPos_GRI_EMAT_tendencia,rightSliderPos_GRI_EMAT_tendencia) minLegend_GRI_EMAT_tendencia = getSerieMin(allSeries_GRI_EMAT_tendencia) maxLegend_GRI_EMAT_tendencia = getSerieMax(allSeries_GRI_EMAT_tendencia) } else{ minLegend_GRI_EMAT_tendencia=-20 maxLegend_GRI_EMAT_tendencia=20 } mainChart_GRI_EMAT_tendencia.axes.yaxis.ticks = getYRange(1, maxLegend_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.axes.y2axis.ticks = getYRange(1, maxLegend_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.series[0].show = clickSerie1_GRI_EMAT_tendencia mainChart_GRI_EMAT_tendencia.series[1].show = clickSerie2_GRI_EMAT_tendencia mainChart_GRI_EMAT_tendencia.replot() }) $("p").mouseleave(function() { // Ezkutatuta dagoen seriea tooltipa ez agertzeko mainChart_GRI_EMAT_tendencia.series[2].show = false; elementId_GRI_EMAT_tendencia = this.id clicks_GRI_EMAT_tendencia = [clickSerie1_GRI_EMAT_tendencia,clickSerie2_GRI_EMAT_tendencia] if(elementId_GRI_EMAT_tendencia == "serie1Name_GRI_EMAT_tendencia" && clickSerie1_GRI_EMAT_tendencia == true){ series_GRI_EMAT_tendencia = repaintLineWidth(elementId_GRI_EMAT_tendencia, "exit", mainChart_GRI_EMAT_tendencia, clicks_GRI_EMAT_tendencia, seriesWidth_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.replot({series:series_GRI_EMAT_tendencia}) } else if(elementId_GRI_EMAT_tendencia == "serie2Name_GRI_EMAT_tendencia" && clickSerie2_GRI_EMAT_tendencia == true){ series_GRI_EMAT_tendencia = repaintLineWidth(elementId_GRI_EMAT_tendencia, "exit", mainChart_GRI_EMAT_tendencia, clicks_GRI_EMAT_tendencia, seriesWidth_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.replot({series:series_GRI_EMAT_tendencia}) } mainChart_GRI_EMAT_tendencia.axes.yaxis.ticks = getYRange(1, maxLegend_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.axes.y2axis.ticks = getYRange(1, maxLegend_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.series[0].show = clickSerie1_GRI_EMAT_tendencia mainChart_GRI_EMAT_tendencia.series[1].show = clickSerie2_GRI_EMAT_tendencia /* Lehenengo serieari garrantzia emateko */ mainChart_GRI_EMAT_tendencia.moveSeriesToFront(0) mainChart_GRI_EMAT_tendencia.replot() }) /* Slider-aren grafikoa marraztu */ var sliderChart_GRI_EMAT_tendencia = $.jqplot ('chart2_GRI_EMAT_tendencia', [s1_kopia_GRI_EMAT_tendencia,s2_kopia_GRI_EMAT_tendencia], { grid: { background: 'white', drawBorder: false, shadow: false, }, seriesColors: ["#0000FF", "#FFA500"], series:[ {label:serieNames_GRI_EMAT_tendencia[0],renderer:$.jqplot.LineRenderer,color: "#0000FF",lineWidth: 1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_GRI_EMAT_tendencia[1],renderer:$.jqplot.LineRenderer,color: "#FFA500",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_GRI_EMAT_tendencia = formatTickLabelSlider(val, s1_kopia_GRI_EMAT_tendencia[0][0], s1_kopia_GRI_EMAT_tendencia[s1_kopia_GRI_EMAT_tendencia.length-1][0], s1_GRI_EMAT_tendencia, language, "monthly_data") return tickName_GRI_EMAT_tendencia }, textColor: 'black' }, ticks : getXRangeSlider(s1_kopia_GRI_EMAT_tendencia[0][0], s1_kopia_GRI_EMAT_tendencia[s1_kopia_GRI_EMAT_tendencia.length-1][0]), drawMajorGridlines: true, drawMinorGridlines: true }, yaxis: { rendererOptions: {forceTickAt0: true}, tickOptions: {formatString: "%'i" }, showTicks: false, min: 1, max:maxYSliderGraph_GRI_EMAT_tendencia + yAddedQuantity_GRI_EMAT_tendencia } } }); /* SliderChart-eko hasierako laukizuzenak marrazteko*/ sliderChart_GRI_EMAT_tendencia.replot({ canvasOverlay: { show: true, objects: [ { rectangle: { xmin:0,xmax: minSliderPos_GRI_EMAT_tendencia, xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px", color: "rgba(192,192,192,0.5)"} }, { rectangle: { xmin:maxSliderPos_GRI_EMAT_tendencia,xmax: s1_kopia_GRI_EMAT_tendencia[s1_kopia_GRI_EMAT_tendencia.length - 1][0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px", color: "rgba(192,192,192,0.5)"} } ] } }) sliderChart_GRI_EMAT_tendencia.moveSeriesToFront(0) /* Slider-a marraztu */ $("#slider_GRI_EMAT_tendencia").slider({ max: maxSlider_GRI_EMAT_tendencia, min: minSlider_GRI_EMAT_tendencia, range: true, values: [ minSliderPos_GRI_EMAT_tendencia, maxSliderPos_GRI_EMAT_tendencia ], slide: function(event,ui){ var serie1New_GRI_EMAT_tendencia = new Array() var serie2New_GRI_EMAT_tendencia = new Array() var datesArrayBerria_GRI_EMAT_tendencia = new Array() for(i=ui.values[0];i<=ui.values[1];i++) { serie1New_GRI_EMAT_tendencia.push(s1_GRI_EMAT_tendencia[i]); serie2New_GRI_EMAT_tendencia.push(s2_GRI_EMAT_tendencia[i]); datesArrayBerria_GRI_EMAT_tendencia.push(s1_GRI_EMAT_tendencia[i][0]) } var valuesNew_GRI_EMAT_tendencia = getAllValuesY([serie1New_GRI_EMAT_tendencia, serie2New_GRI_EMAT_tendencia],0,serie1New_GRI_EMAT_tendencia.length-1) min_GRI_EMAT_tendencia = getSerieMin(valuesNew_GRI_EMAT_tendencia) max_GRI_EMAT_tendencia = getSerieMax(valuesNew_GRI_EMAT_tendencia) serieBerria1_GRI_EMAT_tendencia = changeSeries(serie1New_GRI_EMAT_tendencia) serieBerria2_GRI_EMAT_tendencia = changeSeries(serie2New_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.destroy() mainChart_GRI_EMAT_tendencia = $.jqplot ('chart1_GRI_EMAT_tendencia', [serieBerria1_GRI_EMAT_tendencia,serieBerria2_GRI_EMAT_tendencia,s1_hidden_GRI_EMAT_tendencia], { 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", "black"], series:[ {label:serieNames_GRI_EMAT_tendencia[0],show:document.getElementById("s1_checkbox_GRI_EMAT_tendencia").checked,renderer:$.jqplot.LineRenderer,color:"#0000FF",lineWidth:1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {label:serieNames_GRI_EMAT_tendencia[1],show:document.getElementById("s2_checkbox_GRI_EMAT_tendencia").checked,renderer:$.jqplot.LineRenderer,color:"#FFA500",lineWidth:1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}}, {yaxis:"y2axis",renderer:$.jqplot.LineRenderer,color:"#FFA500"} ], axesDefaults: { labelRenderer: $.jqplot.CanvasAxisLabelRenderer }, axes: { xaxis: { //tickRenderer: $.jqplot.CanvasAxisTickRenderer, tickOptions: { formatter: function (format, val) { tickName_GRI_EMAT_tendencia = formatTickLabel(val, serieBerria1_GRI_EMAT_tendencia[0][0], serieBerria1_GRI_EMAT_tendencia[serieBerria1_GRI_EMAT_tendencia.length-1][0], serie1New_GRI_EMAT_tendencia, language, "monthly_data") return tickName_GRI_EMAT_tendencia }, textColor: 'black' }, ticks : getXRange(serieBerria1_GRI_EMAT_tendencia[0][0], serieBerria1_GRI_EMAT_tendencia[serieBerria1_GRI_EMAT_tendencia.length-1][0]), drawMajorGridlines: true }, yaxis: { tickOptions: {formatString: "%'i" }, ticks:getYRange(0, max_GRI_EMAT_tendencia) }, y2axis: { rendererOptions: {alignTicks: true}, tickOptions: {formatString: "%'i" }, ticks:getYRange(0, max_GRI_EMAT_tendencia) } }, highlighter: { show: true, tooltipContentEditor: function (str, seriesIndex, pointIndex, plot) { var date_GRI_EMAT_tendencia = datesArrayBerria_GRI_EMAT_tendencia[plot.data[seriesIndex][pointIndex][0]]; var s_name_GRI_EMAT_tendencia = plot.series[seriesIndex]["label"]; num_GRI_EMAT_tendencia = plot.data[seriesIndex][pointIndex][1] var value_GRI_EMAT_tendencia = num_GRI_EMAT_tendencia//plot.data[seriesIndex][pointIndex][1]; var yearString_GRI_EMAT_tendencia = date_GRI_EMAT_tendencia.substring(6,10); var monthString_GRI_EMAT_tendencia = date_GRI_EMAT_tendencia.substring(3,5); if ("yearly_data"==="monthly_data") { monthName_GRI_EMAT_tendencia = ""; } else if ("quarterly_data"==="monthly_data") { monthName_GRI_EMAT_tendencia = getQuarter(monthString_GRI_EMAT_tendencia, language) + ", "; } else { monthName_GRI_EMAT_tendencia = getMonthHighlight(monthString_GRI_EMAT_tendencia, language) + ", "; } var html_GRI_EMAT_tendencia = "
"; html_GRI_EMAT_tendencia += "" + monthName_GRI_EMAT_tendencia + yearString_GRI_EMAT_tendencia + ""; html_GRI_EMAT_tendencia += "
"; html_GRI_EMAT_tendencia += s_name_GRI_EMAT_tendencia + ": "; html_GRI_EMAT_tendencia += "" + number_format(value_GRI_EMAT_tendencia, 0) + ""; html_GRI_EMAT_tendencia += "
"; return html_GRI_EMAT_tendencia; }, sizeAdjust: 8.5, //tooltipLocation : 'n' } }); // Ezkutatuta dagoen seriea tooltipa ez agertzeko mainChart_GRI_EMAT_tendencia.series[2].show = false; /* Line-chart-ari dagokion lehenengo serieari garrantzia emateko */ mainChart_GRI_EMAT_tendencia.moveSeriesToFront(0) /* SliderChart-eko momentuko laukizuzenak marrazteko*/ sliderChart_GRI_EMAT_tendencia.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_GRI_EMAT_tendencia[s1_kopia_GRI_EMAT_tendencia.length - 1][0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px", color: "rgba(192,192,192,0.5)"} } ] } }) sliderChart_GRI_EMAT_tendencia.moveSeriesToFront(0) /* Legendan klikatuta dauden serieen maximo eta minimoa eguneratzeko*/ leftSliderPos_GRI_EMAT_tendencia = ui.values[0] rightSliderPos_GRI_EMAT_tendencia = ui.values[1] seriesStringActual_GRI_EMAT_tendencia = getSeriesClickedOnLegend(this, seriesStringActual_GRI_EMAT_tendencia, seriesStringAll_GRI_EMAT_tendencia, mainChart_GRI_EMAT_tendencia) seriesActual_GRI_EMAT_tendencia = getSeriesFromString(seriesStringActual_GRI_EMAT_tendencia, seriesAll_GRI_EMAT_tendencia) allSeries_GRI_EMAT_tendencia = getAllValuesY(seriesActual_GRI_EMAT_tendencia,leftSliderPos_GRI_EMAT_tendencia,rightSliderPos_GRI_EMAT_tendencia) minLegend_GRI_EMAT_tendencia = getSerieMin(allSeries_GRI_EMAT_tendencia) maxLegend_GRI_EMAT_tendencia = getSerieMax(allSeries_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.axes.yaxis.ticks = getYRange(1, maxLegend_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.axes.y2axis.ticks = getYRange(1, maxLegend_GRI_EMAT_tendencia) mainChart_GRI_EMAT_tendencia.replot(); } }); /* */ function repaintLineWidth(serieId, eventType, mainChart, clicks, seriesWidth){ var series_GRI_EMAT_tendencia; if (serieId == "serie1Name_GRI_EMAT_tendencia" && 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: 18px; font-style: italic; font-weight: normal;"); } else if (serieId == "serie1Name_GRI_EMAT_tendencia" && eventType == "exit"){ if(clicks[0] == true) seriesWidth[0] = seriesWidth[0] -1 document.getElementById(serieId).setAttribute("style", "font-family: Verdana !important; font-size: 18px; font-style: italic; font-weight: normal;"); } if (serieId == "serie2Name_GRI_EMAT_tendencia" && 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: 18px; font-style: italic; font-weight: normal;"); } else if (serieId == "serie2Name_GRI_EMAT_tendencia" && eventType == "exit"){ if(clicks[1] == true)seriesWidth[1] = seriesWidth[1] - 1 document.getElementById(serieId).setAttribute("style", "font-family: Verdana !important; font-size: 18px; font-style: italic; font-weight: normal;"); } series_GRI_EMAT_tendencia = [{lineWidth: seriesWidth[0]},{lineWidth: seriesWidth[1]},{lineWidth: 0.01}] return series_GRI_EMAT_tendencia; } /* Funtzio honek Legend-an klikaturik dauden serieen array-a itzultzen du eta seriea pintatu/ez pintatu */ function getSeriesClickedOnLegend(thisClicked, seriesActual, seriesAll, mainChart){ result_GRI_EMAT_tendencia = seriesActual if(thisClicked.value=="s1_legend_GRI_EMAT_tendencia"){ index = indexOfSerieClicked(thisClicked.value, seriesActual) if(thisClicked.checked == true){ result_GRI_EMAT_tendencia.splice(index, 0, seriesAll[0]); } else{ result_GRI_EMAT_tendencia.splice(index, 1); } mainChart.series[0].show = thisClicked.checked; } if(thisClicked.value=="s2_legend_GRI_EMAT_tendencia"){ index = indexOfSerieClicked(thisClicked.value, seriesActual) if(thisClicked.checked == true){ result_GRI_EMAT_tendencia.splice(index, 0, seriesAll[1]); } else{ result_GRI_EMAT_tendencia.splice(index, 1); } mainChart.series[1].show = thisClicked.checked; } return result_GRI_EMAT_tendencia } });