";
html_CET_Tendencia += "
";
html_CET_Tendencia += s_name_CET_Tendencia + ": ";
html_CET_Tendencia += "" + number_format(value_CET_Tendencia,2) + "";
html_CET_Tendencia += "";
return html_CET_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_CET_Tendencia = true
var clickSerie2_CET_Tendencia = true
if (!document.getElementById("s1_checkbox_CET_Tendencia").checked) clickSerie1_CET_Tendencia = false;
if (!document.getElementById("s2_checkbox_CET_Tendencia").checked) clickSerie2_CET_Tendencia = false;
mainChart_CET_Tendencia.series[0].show = clickSerie1_CET_Tendencia;
mainChart_CET_Tendencia.series[1].show = clickSerie2_CET_Tendencia;
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
//mainChart_CET_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_CET_Tendencia.moveSeriesToFront(0)
mainChart_CET_Tendencia.replot()
/* Legendako serieak erakusteko/ez erakusteko */
var leftSliderPos_CET_Tendencia = minSliderPos_CET_Tendencia
var rightSliderPos_CET_Tendencia = maxSliderPos_CET_Tendencia
var minLegend_CET_Tendencia
var maxLegend_CET_Tendencia
var seriesStringAll_CET_Tendencia = ["s1","s2"]
var seriesStringActual_CET_Tendencia = ["s1","s2"]
var seriesAll_CET_Tendencia = [s1_CET_Tendencia,s2_CET_Tendencia]
var seriesActual_CET_Tendencia;
seriesStringActual_CET_Tendencia = getSeriesClickedOnLegend(this, seriesStringActual_CET_Tendencia, seriesStringAll_CET_Tendencia, mainChart_CET_Tendencia)
seriesActual_CET_Tendencia = getSeriesFromString(seriesStringActual_CET_Tendencia, seriesAll_CET_Tendencia)
if(seriesActual_CET_Tendencia.length>0){
allSeries_CET_Tendencia = getAllValuesY(seriesActual_CET_Tendencia,leftSliderPos_CET_Tendencia,rightSliderPos_CET_Tendencia)
minLegend_CET_Tendencia = getSerieMin(allSeries_CET_Tendencia)
maxLegend_CET_Tendencia = getSerieMax(allSeries_CET_Tendencia)
}
else{
minLegend_CET_Tendencia=-20
maxLegend_CET_Tendencia=20
}
var seriesWidth_CET_Tendencia = [1, 1]
$("input[type=checkbox]").click(function(){
if(this.id == "s1_checkbox_CET_Tendencia") clickSerie1_CET_Tendencia = this.checked
else if(this.id == "s2_checkbox_CET_Tendencia") clickSerie2_CET_Tendencia = this.checked
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
mainChart_CET_Tendencia.series[2].show = false;
mainChart_CET_Tendencia.series[0].show = clickSerie1_CET_Tendencia
mainChart_CET_Tendencia.series[1].show = clickSerie2_CET_Tendencia
seriesStringActual_CET_Tendencia = getSeriesClickedOnLegend(this, seriesStringActual_CET_Tendencia, seriesStringAll_CET_Tendencia, mainChart_CET_Tendencia)
seriesActual_CET_Tendencia = getSeriesFromString(seriesStringActual_CET_Tendencia, seriesAll_CET_Tendencia)
if(seriesActual_CET_Tendencia.length>0){
allSeries_CET_Tendencia = getAllValuesY(seriesActual_CET_Tendencia,leftSliderPos_CET_Tendencia,rightSliderPos_CET_Tendencia)
minLegend_CET_Tendencia = getSerieMin(allSeries_CET_Tendencia)
maxLegend_CET_Tendencia = getSerieMax(allSeries_CET_Tendencia)
}
else{
minLegend_CET_Tendencia=-20
maxLegend_CET_Tendencia=20
}
mainChart_CET_Tendencia.axes.yaxis.ticks = getYRange(minLegend_CET_Tendencia, maxLegend_CET_Tendencia)
mainChart_CET_Tendencia.axes.y2axis.ticks = getYRange(minLegend_CET_Tendencia, maxLegend_CET_Tendencia)
mainChart_CET_Tendencia.replot()
});
$("p").mouseenter(function() {
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
mainChart_CET_Tendencia.series[2].show = false;
elementId_CET_Tendencia = this.id
clicks_CET_Tendencia = [clickSerie1_CET_Tendencia,clickSerie2_CET_Tendencia]
if(elementId_CET_Tendencia == "serie1Name_CET_Tendencia" && clickSerie1_CET_Tendencia == true){
series_CET_Tendencia = repaintLineWidth(elementId_CET_Tendencia, "enter", mainChart_CET_Tendencia, clicks_CET_Tendencia, seriesWidth_CET_Tendencia)
mainChart_CET_Tendencia.replot({series:series_CET_Tendencia})
mainChart_CET_Tendencia.moveSeriesToFront(0)
}
else if(elementId_CET_Tendencia == "serie2Name_CET_Tendencia" && clickSerie2_CET_Tendencia == true){
series_CET_Tendencia = repaintLineWidth(elementId_CET_Tendencia, "enter", mainChart_CET_Tendencia, clicks_CET_Tendencia, seriesWidth_CET_Tendencia)
mainChart_CET_Tendencia.replot({series:series_CET_Tendencia})
mainChart_CET_Tendencia.moveSeriesToFront(1)
}
seriesStringActual_CET_Tendencia = getSeriesClickedOnLegend(this, seriesStringActual_CET_Tendencia, seriesStringAll_CET_Tendencia, mainChart_CET_Tendencia)
seriesActual_CET_Tendencia = getSeriesFromString(seriesStringActual_CET_Tendencia, seriesAll_CET_Tendencia)
if(seriesActual_CET_Tendencia.length>0){
allSeries_CET_Tendencia = getAllValuesY(seriesActual_CET_Tendencia,leftSliderPos_CET_Tendencia,rightSliderPos_CET_Tendencia)
minLegend_CET_Tendencia = getSerieMin(allSeries_CET_Tendencia)
maxLegend_CET_Tendencia = getSerieMax(allSeries_CET_Tendencia)
}
else{
minLegend_CET_Tendencia=-20
maxLegend_CET_Tendencia=20
}
mainChart_CET_Tendencia.axes.yaxis.ticks = getYRange(minLegend_CET_Tendencia, maxLegend_CET_Tendencia)
mainChart_CET_Tendencia.axes.y2axis.ticks = getYRange(minLegend_CET_Tendencia, maxLegend_CET_Tendencia)
mainChart_CET_Tendencia.series[0].show = clickSerie1_CET_Tendencia
mainChart_CET_Tendencia.series[1].show = clickSerie2_CET_Tendencia
mainChart_CET_Tendencia.replot()
})
$("p").mouseleave(function() {
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
mainChart_CET_Tendencia.series[2].show = false;
elementId_CET_Tendencia = this.id
clicks_CET_Tendencia = [clickSerie1_CET_Tendencia,clickSerie2_CET_Tendencia]
if(elementId_CET_Tendencia == "serie1Name_CET_Tendencia" && clickSerie1_CET_Tendencia == true){
series_CET_Tendencia = repaintLineWidth(elementId_CET_Tendencia, "exit", mainChart_CET_Tendencia, clicks_CET_Tendencia, seriesWidth_CET_Tendencia)
mainChart_CET_Tendencia.replot({series:series_CET_Tendencia})
}
else if(elementId_CET_Tendencia == "serie2Name_CET_Tendencia" && clickSerie2_CET_Tendencia == true){
series_CET_Tendencia = repaintLineWidth(elementId_CET_Tendencia, "exit", mainChart_CET_Tendencia, clicks_CET_Tendencia, seriesWidth_CET_Tendencia)
mainChart_CET_Tendencia.replot({series:series_CET_Tendencia})
}
mainChart_CET_Tendencia.axes.yaxis.ticks = getYRange(minLegend_CET_Tendencia, maxLegend_CET_Tendencia)
mainChart_CET_Tendencia.axes.y2axis.ticks = getYRange(minLegend_CET_Tendencia, maxLegend_CET_Tendencia)
mainChart_CET_Tendencia.series[0].show = clickSerie1_CET_Tendencia
mainChart_CET_Tendencia.series[1].show = clickSerie2_CET_Tendencia
/* Lehenengo serieari garrantzia emateko */
mainChart_CET_Tendencia.moveSeriesToFront(0)
mainChart_CET_Tendencia.replot()
})
/* Slider-aren grafikoa marraztu */
var sliderChart_CET_Tendencia = $.jqplot ('chart2_CET_Tendencia', [s1_kopia_CET_Tendencia,s2_kopia_CET_Tendencia], {
grid: {
background: 'white',
drawBorder: false,
shadow: false,
},
seriesColors: ["#0000FF", "#FFA500"],
series:[
{label:serieNames_CET_Tendencia[0],renderer:$.jqplot.LineRenderer,color: "#0000FF",lineWidth: 1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}},
{label:serieNames_CET_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_CET_Tendencia = formatTickLabelSlider(val, s1_kopia_CET_Tendencia[0][0], s1_kopia_CET_Tendencia[s1_kopia_CET_Tendencia.length-1][0], s1_CET_Tendencia, language, "quarterly_data")
return tickName_CET_Tendencia
},
textColor: 'black'
},
ticks : getXRangeSlider(s1_kopia_CET_Tendencia[0][0], s1_kopia_CET_Tendencia[s1_kopia_CET_Tendencia.length-1][0]),
drawMajorGridlines: true,
drawMinorGridlines: true
},
yaxis: {
rendererOptions: {forceTickAt0: true},
tickOptions: {formatString: "%'i" },
showTicks: false,
min: minYSliderGraph_CET_Tendencia - yAddedQuantity_CET_Tendencia,
max:maxYSliderGraph_CET_Tendencia + yAddedQuantity_CET_Tendencia
}
}
});
/* SliderChart-eko hasierako laukizuzenak marrazteko*/
sliderChart_CET_Tendencia.replot({
canvasOverlay: {
show: true,
objects: [
{ rectangle: { xmin:0,xmax: minSliderPos_CET_Tendencia, xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px",
color: "rgba(192,192,192,0.5)"} },
{ rectangle: { xmin:maxSliderPos_CET_Tendencia,xmax: s1_kopia_CET_Tendencia[s1_kopia_CET_Tendencia.length - 1][0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px",
color: "rgba(192,192,192,0.5)"} }
]
}
})
sliderChart_CET_Tendencia.moveSeriesToFront(0)
/* Slider-a marraztu */
$("#slider_CET_Tendencia").slider({
max: maxSlider_CET_Tendencia,
min: minSlider_CET_Tendencia,
range: true,
values: [ minSliderPos_CET_Tendencia, maxSliderPos_CET_Tendencia ],
slide: function(event,ui){
var serie1New_CET_Tendencia = new Array()
var serie2New_CET_Tendencia = new Array()
var datesArrayBerria_CET_Tendencia = new Array()
for(i=ui.values[0];i<=ui.values[1];i++)
{
serie1New_CET_Tendencia.push(s1_CET_Tendencia[i]);
serie2New_CET_Tendencia.push(s2_CET_Tendencia[i]);
datesArrayBerria_CET_Tendencia.push(s1_CET_Tendencia[i][0])
}
var valuesNew_CET_Tendencia = getAllValuesY([serie1New_CET_Tendencia, serie2New_CET_Tendencia],0,serie1New_CET_Tendencia.length-1)
min_CET_Tendencia = getSerieMin(valuesNew_CET_Tendencia)
max_CET_Tendencia = getSerieMax(valuesNew_CET_Tendencia)
serieBerria1_CET_Tendencia = changeSeries(serie1New_CET_Tendencia)
serieBerria2_CET_Tendencia = changeSeries(serie2New_CET_Tendencia)
mainChart_CET_Tendencia.destroy()
mainChart_CET_Tendencia = $.jqplot ('chart1_CET_Tendencia', [serieBerria1_CET_Tendencia,serieBerria2_CET_Tendencia,s1_hidden_CET_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_CET_Tendencia[0],show:document.getElementById("s1_checkbox_CET_Tendencia").checked,renderer:$.jqplot.LineRenderer,color:"#0000FF",lineWidth:1,rendererOptions:{smooth:true},pointLabels:{show:false},markerOptions:{size:0}},
{label:serieNames_CET_Tendencia[1],show:document.getElementById("s2_checkbox_CET_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_CET_Tendencia = formatTickLabel(val, serieBerria1_CET_Tendencia[0][0], serieBerria1_CET_Tendencia[serieBerria1_CET_Tendencia.length-1][0], serie1New_CET_Tendencia, language, "quarterly_data")
return tickName_CET_Tendencia
},
textColor: 'black'
},
ticks : getXRange(serieBerria1_CET_Tendencia[0][0], serieBerria1_CET_Tendencia[serieBerria1_CET_Tendencia.length-1][0]),
drawMajorGridlines: true
},
yaxis: {
tickOptions: {formatString: "%'i" },
ticks:getYRange(min_CET_Tendencia, max_CET_Tendencia)
},
y2axis: {
rendererOptions: {alignTicks: true},
tickOptions: {formatString: "%'i" },
ticks:getYRange(min_CET_Tendencia, max_CET_Tendencia)
}
},
highlighter: {
show: true,
tooltipContentEditor: function (str, seriesIndex, pointIndex, plot) {
var date_CET_Tendencia = datesArrayBerria_CET_Tendencia[plot.data[seriesIndex][pointIndex][0]];
var s_name_CET_Tendencia = plot.series[seriesIndex]["label"];
num_CET_Tendencia = plot.data[seriesIndex][pointIndex][1]
var value_CET_Tendencia = num_CET_Tendencia//plot.data[seriesIndex][pointIndex][1];
var yearString_CET_Tendencia = date_CET_Tendencia.substring(6,10);
var monthString_CET_Tendencia = date_CET_Tendencia.substring(3,5);
if ("yearly_data"==="quarterly_data") {
monthName_CET_Tendencia = "";
} else if ("quarterly_data"==="quarterly_data") {
monthName_CET_Tendencia = getQuarter(monthString_CET_Tendencia, language) + ", ";
} else {
monthName_CET_Tendencia = getMonthHighlight(monthString_CET_Tendencia, language) + ", ";
}
var html_CET_Tendencia = " ";
html_CET_Tendencia += "" + monthName_CET_Tendencia + yearString_CET_Tendencia + "";
html_CET_Tendencia += "
";
html_CET_Tendencia += s_name_CET_Tendencia + ": ";
html_CET_Tendencia += "" + number_format(value_CET_Tendencia, 2) + "";
html_CET_Tendencia += "
";
return html_CET_Tendencia;
},
sizeAdjust: 8.5,
//tooltipLocation : 'n'
}
});
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
mainChart_CET_Tendencia.series[2].show = false;
/* Line-chart-ari dagokion lehenengo serieari garrantzia emateko */
mainChart_CET_Tendencia.moveSeriesToFront(0)
/* SliderChart-eko momentuko laukizuzenak marrazteko*/
sliderChart_CET_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_CET_Tendencia[s1_kopia_CET_Tendencia.length - 1][0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px",
color: "rgba(192,192,192,0.5)"} }
]
}
})
sliderChart_CET_Tendencia.moveSeriesToFront(0)
/* Legendan klikatuta dauden serieen maximo eta minimoa eguneratzeko*/
leftSliderPos_CET_Tendencia = ui.values[0]
rightSliderPos_CET_Tendencia = ui.values[1]
seriesStringActual_CET_Tendencia = getSeriesClickedOnLegend(this, seriesStringActual_CET_Tendencia, seriesStringAll_CET_Tendencia, mainChart_CET_Tendencia)
seriesActual_CET_Tendencia = getSeriesFromString(seriesStringActual_CET_Tendencia, seriesAll_CET_Tendencia)
allSeries_CET_Tendencia = getAllValuesY(seriesActual_CET_Tendencia,leftSliderPos_CET_Tendencia,rightSliderPos_CET_Tendencia)
minLegend_CET_Tendencia = getSerieMin(allSeries_CET_Tendencia)
maxLegend_CET_Tendencia = getSerieMax(allSeries_CET_Tendencia)
mainChart_CET_Tendencia.axes.yaxis.ticks = getYRange(minLegend_CET_Tendencia, maxLegend_CET_Tendencia)
mainChart_CET_Tendencia.axes.y2axis.ticks = getYRange(minLegend_CET_Tendencia, maxLegend_CET_Tendencia)
mainChart_CET_Tendencia.replot();
}
});
/* */
function repaintLineWidth(serieId, eventType, mainChart, clicks, seriesWidth){
var series_CET_Tendencia;
if (serieId == "serie1Name_CET_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_CET_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_CET_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_CET_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_CET_Tendencia = [{lineWidth: seriesWidth[0]},{lineWidth: seriesWidth[1]},{lineWidth: 0.01}]
return series_CET_Tendencia;
}
/* Funtzio honek Legend-an klikaturik dauden serieen array-a itzultzen du eta seriea pintatu/ez pintatu */
function getSeriesClickedOnLegend(thisClicked, seriesActual, seriesAll, mainChart){
result_CET_Tendencia = seriesActual
if(thisClicked.value=="s1_legend_CET_Tendencia"){
index = indexOfSerieClicked(thisClicked.value, seriesActual)
if(thisClicked.checked == true){
result_CET_Tendencia.splice(index, 0, seriesAll[0]);
}
else{
result_CET_Tendencia.splice(index, 1);
}
mainChart.series[0].show = thisClicked.checked;
}
if(thisClicked.value=="s2_legend_CET_Tendencia"){
index = indexOfSerieClicked(thisClicked.value, seriesActual)
if(thisClicked.checked == true){
result_CET_Tendencia.splice(index, 0, seriesAll[1]);
}
else{
result_CET_Tendencia.splice(index, 1);
}
mainChart.series[1].show = thisClicked.checked;
}
return result_CET_Tendencia
}
});