";
html_ACET_NP += "
";
html_ACET_NP += s_name_ACET_NP + ": ";
html_ACET_NP += "" + number_format(value_ACET_NP,1) + "";
html_ACET_NP += "";
return html_ACET_NP;
},
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_ACET_NP = true
var clickSerie2_ACET_NP = true
if (!document.getElementById("s1_checkbox_ACET_NP").checked) clickSerie1_ACET_NP = false;
if (!document.getElementById("s2_checkbox_ACET_NP").checked) clickSerie2_ACET_NP = false;
mainChart_ACET_NP.series[0].show = clickSerie1_ACET_NP;
mainChart_ACET_NP.series[1].show = clickSerie2_ACET_NP;
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
//mainChart_ACET_NP.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_ACET_NP.moveSeriesToFront(0)
mainChart_ACET_NP.replot()
/* Legendako serieak erakusteko/ez erakusteko */
var leftSliderPos_ACET_NP = minSliderPos_ACET_NP
var rightSliderPos_ACET_NP = maxSliderPos_ACET_NP
var minLegend_ACET_NP
var maxLegend_ACET_NP
var seriesStringAll_ACET_NP = ["s1","s2"]
var seriesStringActual_ACET_NP = ["s1","s2"]
var seriesAll_ACET_NP = [s1_ACET_NP,s2_ACET_NP]
var seriesActual_ACET_NP;
seriesStringActual_ACET_NP = getSeriesClickedOnLegend(this, seriesStringActual_ACET_NP, seriesStringAll_ACET_NP, mainChart_ACET_NP)
seriesActual_ACET_NP = getSeriesFromString(seriesStringActual_ACET_NP, seriesAll_ACET_NP)
if(seriesActual_ACET_NP.length>0){
allSeries_ACET_NP = getAllValuesY(seriesActual_ACET_NP,leftSliderPos_ACET_NP,rightSliderPos_ACET_NP)
minLegend_ACET_NP = getSerieMin(allSeries_ACET_NP)
maxLegend_ACET_NP = getSerieMax(allSeries_ACET_NP)
}
else{
minLegend_ACET_NP=-20
maxLegend_ACET_NP=20
}
var seriesWidth_ACET_NP = [1, 1]
$("input[type=checkbox]").click(function(){
if(this.id == "s1_checkbox_ACET_NP") clickSerie1_ACET_NP = this.checked
else if(this.id == "s2_checkbox_ACET_NP") clickSerie2_ACET_NP = this.checked
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
mainChart_ACET_NP.series[2].show = false;
mainChart_ACET_NP.series[0].show = clickSerie1_ACET_NP
mainChart_ACET_NP.series[1].show = clickSerie2_ACET_NP
seriesStringActual_ACET_NP = getSeriesClickedOnLegend(this, seriesStringActual_ACET_NP, seriesStringAll_ACET_NP, mainChart_ACET_NP)
seriesActual_ACET_NP = getSeriesFromString(seriesStringActual_ACET_NP, seriesAll_ACET_NP)
if(seriesActual_ACET_NP.length>0){
allSeries_ACET_NP = getAllValuesY(seriesActual_ACET_NP,leftSliderPos_ACET_NP,rightSliderPos_ACET_NP)
minLegend_ACET_NP = getSerieMin(allSeries_ACET_NP)
maxLegend_ACET_NP = getSerieMax(allSeries_ACET_NP)
}
else{
minLegend_ACET_NP=-20
maxLegend_ACET_NP=20
}
mainChart_ACET_NP.axes.yaxis.ticks = getYRange(minLegend_ACET_NP, maxLegend_ACET_NP)
mainChart_ACET_NP.axes.y2axis.ticks = getYRange(minLegend_ACET_NP, maxLegend_ACET_NP)
mainChart_ACET_NP.replot()
});
$("p").mouseenter(function() {
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
mainChart_ACET_NP.series[2].show = false;
elementId_ACET_NP = this.id
clicks_ACET_NP = [clickSerie1_ACET_NP,clickSerie2_ACET_NP]
if(elementId_ACET_NP == "serie1Name_ACET_NP" && clickSerie1_ACET_NP == true){
series_ACET_NP = repaintLineWidth(elementId_ACET_NP, "enter", mainChart_ACET_NP, clicks_ACET_NP, seriesWidth_ACET_NP)
mainChart_ACET_NP.replot({series:series_ACET_NP})
mainChart_ACET_NP.moveSeriesToFront(0)
}
else if(elementId_ACET_NP == "serie2Name_ACET_NP" && clickSerie2_ACET_NP == true){
series_ACET_NP = repaintLineWidth(elementId_ACET_NP, "enter", mainChart_ACET_NP, clicks_ACET_NP, seriesWidth_ACET_NP)
mainChart_ACET_NP.replot({series:series_ACET_NP})
mainChart_ACET_NP.moveSeriesToFront(1)
}
seriesStringActual_ACET_NP = getSeriesClickedOnLegend(this, seriesStringActual_ACET_NP, seriesStringAll_ACET_NP, mainChart_ACET_NP)
seriesActual_ACET_NP = getSeriesFromString(seriesStringActual_ACET_NP, seriesAll_ACET_NP)
if(seriesActual_ACET_NP.length>0){
allSeries_ACET_NP = getAllValuesY(seriesActual_ACET_NP,leftSliderPos_ACET_NP,rightSliderPos_ACET_NP)
minLegend_ACET_NP = getSerieMin(allSeries_ACET_NP)
maxLegend_ACET_NP = getSerieMax(allSeries_ACET_NP)
}
else{
minLegend_ACET_NP=-20
maxLegend_ACET_NP=20
}
mainChart_ACET_NP.axes.yaxis.ticks = getYRange(minLegend_ACET_NP, maxLegend_ACET_NP)
mainChart_ACET_NP.axes.y2axis.ticks = getYRange(minLegend_ACET_NP, maxLegend_ACET_NP)
mainChart_ACET_NP.series[0].show = clickSerie1_ACET_NP
mainChart_ACET_NP.series[1].show = clickSerie2_ACET_NP
mainChart_ACET_NP.replot()
})
$("p").mouseleave(function() {
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
mainChart_ACET_NP.series[2].show = false;
elementId_ACET_NP = this.id
clicks_ACET_NP = [clickSerie1_ACET_NP,clickSerie2_ACET_NP]
if(elementId_ACET_NP == "serie1Name_ACET_NP" && clickSerie1_ACET_NP == true){
series_ACET_NP = repaintLineWidth(elementId_ACET_NP, "exit", mainChart_ACET_NP, clicks_ACET_NP, seriesWidth_ACET_NP)
mainChart_ACET_NP.replot({series:series_ACET_NP})
}
else if(elementId_ACET_NP == "serie2Name_ACET_NP" && clickSerie2_ACET_NP == true){
series_ACET_NP = repaintLineWidth(elementId_ACET_NP, "exit", mainChart_ACET_NP, clicks_ACET_NP, seriesWidth_ACET_NP)
mainChart_ACET_NP.replot({series:series_ACET_NP})
}
mainChart_ACET_NP.axes.yaxis.ticks = getYRange(minLegend_ACET_NP, maxLegend_ACET_NP)
mainChart_ACET_NP.axes.y2axis.ticks = getYRange(minLegend_ACET_NP, maxLegend_ACET_NP)
mainChart_ACET_NP.series[0].show = clickSerie1_ACET_NP
mainChart_ACET_NP.series[1].show = clickSerie2_ACET_NP
/* Lehenengo serieari garrantzia emateko */
mainChart_ACET_NP.moveSeriesToFront(0)
mainChart_ACET_NP.replot()
})
/* Slider-aren grafikoa marraztu */
var sliderChart_ACET_NP = $.jqplot ('chart2_ACET_NP', [s1_kopia_ACET_NP,s2_kopia_ACET_NP], {
grid: {
background: 'white',
drawBorder: false,
shadow: false,
},
seriesColors: ["#0000FF", "#FFA500"],
series:[
{label:serieNames_ACET_NP[0],
seriesColors: getBarColor(s1_zentr_ACET_NP, "#0000FF"),
renderer:$.jqplot.BarRenderer,
rendererOptions:{barWidth:getBarWidthX(s1_zentr_kopia_ACET_NP,2),barPadding:0,fillToZero:true,useNegativeColors:false,shadow:false,varyBarColor:true}},
{label:serieNames_ACET_NP[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_ACET_NP = formatTickLabelSlider(val, s1_kopia_ACET_NP[0][0], s1_kopia_ACET_NP[s1_kopia_ACET_NP.length-1][0], s1_ACET_NP, language, "quarterly_data")
return tickName_ACET_NP
},
textColor: 'black'
},
ticks : getXRangeSlider(s1_kopia_ACET_NP[0][0], s1_kopia_ACET_NP[s1_kopia_ACET_NP.length-1][0]),
drawMajorGridlines: true,
drawMinorGridlines: true
},
yaxis: {
rendererOptions: {forceTickAt0: true},
tickOptions: {formatString: "%#.1f" },
showTicks: false,
min: minYSliderGraph_ACET_NP - yAddedQuantity_ACET_NP,
max:maxYSliderGraph_ACET_NP + yAddedQuantity_ACET_NP
}
}
});
/* SliderChart-eko hasierako laukizuzenak marrazteko*/
sliderChart_ACET_NP.replot({
canvasOverlay: {
show: true,
objects: [
{ rectangle: { xmin:0,xmax: minSliderPos_ACET_NP, xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px",
color: "rgba(192,192,192,0.5)"} },
{ rectangle: { xmin:maxSliderPos_ACET_NP,xmax: s1_kopia_ACET_NP[s1_kopia_ACET_NP.length - 1][0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px",
color: "rgba(192,192,192,0.5)"} }
]
}
})
sliderChart_ACET_NP.moveSeriesToFront(0)
/* Slider-a marraztu */
$("#slider_ACET_NP").slider({
max: maxSlider_ACET_NP,
min: minSlider_ACET_NP,
range: true,
values: [ minSliderPos_ACET_NP, maxSliderPos_ACET_NP ],
slide: function(event,ui){
var serie1New_ACET_NP = new Array()
var serie2New_ACET_NP = new Array()
var datesArrayBerria_ACET_NP = new Array()
for(i=ui.values[0];i<=ui.values[1];i++)
{
serie1New_ACET_NP.push(s1_ACET_NP[i]);
serie2New_ACET_NP.push(s2_ACET_NP[i]);
datesArrayBerria_ACET_NP.push(s1_ACET_NP[i][0])
}
var valuesNew_ACET_NP = getAllValuesY([serie1New_ACET_NP, serie2New_ACET_NP],0,serie1New_ACET_NP.length-1)
min_ACET_NP = getSerieMin(valuesNew_ACET_NP)
max_ACET_NP = getSerieMax(valuesNew_ACET_NP)
serieBerria1_ACET_NP = changeSeries(serie1New_ACET_NP)
serieBerria2_ACET_NP = changeSeries(serie2New_ACET_NP)
mainChart_ACET_NP.destroy()
mainChart_ACET_NP = $.jqplot ('chart1_ACET_NP', [serieBerria1_ACET_NP,serieBerria2_ACET_NP,s1_hidden_ACET_NP], {
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_ACET_NP[0],show:document.getElementById("s1_checkbox_ACET_NP").checked,seriesColors: getBarColor(serieBerria1_ACET_NP, "#0000FF"),renderer:$.jqplot.BarRenderer,rendererOptions:{barWidth:getBarWidthX(serieBerria1_ACET_NP,2), barPadding: 0,fillToZero:true,shadow:false,varyBarColor:true}},
{label:serieNames_ACET_NP[1],show:document.getElementById("s2_checkbox_ACET_NP").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_ACET_NP = formatTickLabelBars(val, serieBerria1_ACET_NP[0][0], serieBerria1_ACET_NP[serieBerria1_ACET_NP.length-1][0], serie1New_ACET_NP, language, "quarterly_data")
return tickName_ACET_NP
},
textColor: 'black'
},
ticks : getXRangeBar(serieBerria1_ACET_NP[0][0], serieBerria1_ACET_NP[serieBerria1_ACET_NP.length-1][0]),
drawMajorGridlines: true
},
yaxis: {
tickOptions: {formatString: "%#.1f" },
ticks:getYRange(min_ACET_NP, max_ACET_NP)
},
y2axis: {
rendererOptions: {alignTicks: true},
tickOptions: {formatString: "%#.1f" },
ticks:getYRange(min_ACET_NP, max_ACET_NP)
}
},
highlighter: {
show: true,
tooltipContentEditor: function (str, seriesIndex, pointIndex, plot) {
var date_ACET_NP = datesArrayBerria_ACET_NP[plot.data[seriesIndex][pointIndex][0]];
var s_name_ACET_NP = plot.series[seriesIndex]["label"];
num_ACET_NP = plot.data[seriesIndex][pointIndex][1]
var value_ACET_NP = num_ACET_NP//plot.data[seriesIndex][pointIndex][1];
var yearString_ACET_NP = date_ACET_NP.substring(6,10);
var monthString_ACET_NP = date_ACET_NP.substring(3,5);
if ("yearly_data"==="quarterly_data") {
monthName_ACET_NP = "";
} else if ("quarterly_data"==="quarterly_data") {
monthName_ACET_NP = getQuarter(monthString_ACET_NP, language) + ", ";
} else {
monthName_ACET_NP = getMonthHighlight(monthString_ACET_NP, language) + ", ";
}
var html_ACET_NP = " ";
html_ACET_NP += "" + monthName_ACET_NP + yearString_ACET_NP + "";
html_ACET_NP += "
";
html_ACET_NP += s_name_ACET_NP + ": ";
html_ACET_NP += "" + number_format(value_ACET_NP, 1) + "";
html_ACET_NP += "
";
return html_ACET_NP;
},
sizeAdjust: 8.5,
//tooltipLocation : 'n'
}
});
// Ezkutatuta dagoen seriea tooltipa ez agertzeko
mainChart_ACET_NP.series[2].show = false;
/* Line-chart-ari dagokion lehenengo serieari garrantzia emateko */
mainChart_ACET_NP.moveSeriesToFront(0)
/* SliderChart-eko momentuko laukizuzenak marrazteko*/
sliderChart_ACET_NP.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_ACET_NP[s1_kopia_ACET_NP.length - 1][0], xminOffset: "0px", xmaxOffset: "0px", yminOffset: "0px", ymaxOffset: "0px",
color: "rgba(192,192,192,0.5)"} }
]
}
})
sliderChart_ACET_NP.moveSeriesToFront(0)
/* Legendan klikatuta dauden serieen maximo eta minimoa eguneratzeko*/
leftSliderPos_ACET_NP = ui.values[0]
rightSliderPos_ACET_NP = ui.values[1]
seriesStringActual_ACET_NP = getSeriesClickedOnLegend(this, seriesStringActual_ACET_NP, seriesStringAll_ACET_NP, mainChart_ACET_NP)
seriesActual_ACET_NP = getSeriesFromString(seriesStringActual_ACET_NP, seriesAll_ACET_NP)
allSeries_ACET_NP = getAllValuesY(seriesActual_ACET_NP,leftSliderPos_ACET_NP,rightSliderPos_ACET_NP)
minLegend_ACET_NP = getSerieMin(allSeries_ACET_NP)
maxLegend_ACET_NP = getSerieMax(allSeries_ACET_NP)
mainChart_ACET_NP.axes.yaxis.ticks = getYRange(minLegend_ACET_NP, maxLegend_ACET_NP)
mainChart_ACET_NP.axes.y2axis.ticks = getYRange(minLegend_ACET_NP, maxLegend_ACET_NP)
mainChart_ACET_NP.replot();
}
});
/* */
function repaintLineWidth(serieId, eventType, mainChart, clicks, seriesWidth){
var series_ACET_NP;
if (serieId == "serie1Name_ACET_NP" && 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_ACET_NP" && 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_ACET_NP" && 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_ACET_NP" && 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_ACET_NP = [{lineWidth: seriesWidth[0]},{lineWidth: seriesWidth[1]},{lineWidth: 0.01}]
return series_ACET_NP;
}
/* Funtzio honek Legend-an klikaturik dauden serieen array-a itzultzen du eta seriea pintatu/ez pintatu */
function getSeriesClickedOnLegend(thisClicked, seriesActual, seriesAll, mainChart){
result_ACET_NP = seriesActual
if(thisClicked.value=="s1_legend_ACET_NP"){
index = indexOfSerieClicked(thisClicked.value, seriesActual)
if(thisClicked.checked == true){
result_ACET_NP.splice(index, 0, seriesAll[0]);
}
else{
result_ACET_NP.splice(index, 1);
}
mainChart.series[0].show = thisClicked.checked;
}
if(thisClicked.value=="s2_legend_ACET_NP"){
index = indexOfSerieClicked(thisClicked.value, seriesActual)
if(thisClicked.checked == true){
result_ACET_NP.splice(index, 0, seriesAll[1]);
}
else{
result_ACET_NP.splice(index, 1);
}
mainChart.series[1].show = thisClicked.checked;
}
return result_ACET_NP
}
});