0

Tengo array que son llenado con dos variables y me va muy bien pero ahora no he podido identificar cual es el valor menor y valor mayor de un punto seleccionado con un slider, estoy viendo la librería Underscore.js y hay tres posibles opciones por escoger pero no se cual de todas sera, por favor me pueden ayudar con mi problema?.
_.findIndex(array, predicate, [context])
_.findLastIndex(array, predicate, [context])
_.range([start], stop, [step])
en estar opciones es donde me he quedado

Chart.types.Line.extend({
name: "LineAlt",
highlightPoints: function(datasetIndex, pointIndexArray){
    var activePoints = [];
    // var activePoints_2 = [];
    var points = this.datasets[datasetIndex].points;
    for(i in pointIndexArray){
        if(points[pointIndexArray[i]]){
        activePoints.push(points[pointIndexArray[i]]);
      }
      //mostrar siguiente punto seleccionado
      // if(points[pointIndexArray[i]+1]){
      //          activePoints_2.push(points[pointIndexArray[i]+1]);
      // }
    }
    //mostrar puntos activos en input
    $("#if_a").val(activePoints[0].value)
    $("#if_b").val(activePoints[0].label)

    change_values()
    this.showTooltip(activePoints);
}
});

 function initChart_custom(data) {
 var data_new = data.split(/\n/)
 var c_1 = []
 var c_2 = []
 data_new.forEach(function(data_f){
data_c = data_f.split(",");
c_1.push(data_c[1]);
c_2.push(data_c[0]);
})
c_1 = c_1.slice(1,c_1.length-1)
c_2 = c_2.slice(1,c_2.length-1)
var lineChartData = {
  "datasets": [{
      "data": c_1,
          "pointStrokeColor": "#1A81C5",
          "fillColor": "rgba(254, 254, 254, 0.4)",
          "pointColor": "#1A81C5",
          "strokeColor": "#5D9CC6"
  }],
      "labels": c_2,
};

var options = {showTooltips: true};
var myLine = new Chart(document.getElementById("canvas").getContext("2d")).LineAlt(lineChartData,    options);
var highlight = function(index){
myLine.highlightPoints(0, [index]);
}
$("#slider").slider({
max: lineChartData.datasets[0].data.length-1,
slide: function( event, ui ) { highlight(ui.value); },

});
}
1
  • ¿Podrías definir más concretamente lo que quieres lograr con eso? Solo para ubicarnos mejor en el contexto
    – Isaac Vega
    el 2 nov. 2016 a las 19:26

1 respuesta 1

0

Saludos, ya logre hacer lo que necesitaba, lo que quería hacer era recorrer un array he identificar una posición dentro de un intervalo por ejemplo valor dado es 1,52 y el resultado debe ser como aparece en la imagen. dejo código por si alguien lo necesitara mas adelante.
introducir la descripción de la imagen aquí

var a = c_2 //variable del arreglo o array
var elem_want= parseFloat(document.getElementById('if_b').value);//opteniendo campo del valor requerido
var element_find = {}
a.find(function(element,index){
  element = parseFloat(element)
  if (index<a.length-1){
    if (element<=elem_want && a[index+1]>=elem_want){
      element_find = {
        e_i: element,
        index_i: index,
        e_f: a[index+1],
        index_f: index+1
      }
      return true;
    }
  }
})
alert("elemento 1 c_1: "+ c_1[element_find.index_i]+"elemento 1 c_2: "+ c_2[element_find.index_i] + "\n" + "elemento 2 c_1: "+ c_1[element_find.index_f]+"elemento 2 c_2: "+ c_2[element_find.index_f])

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.