Wie wähle ich den Datenbereich in Treemap Highcharts aus?

Question

Wie kann ich den Datenbereich auswählen, der in Highcharts treemap geplottet werden soll? Momentan werden alle Datenpunkte geplottet und es gibt eine große Anzahl von Datenpunkten und die meisten von ihnen haben einen Wert zwischen -100 und 200. Aber ich möchte, dass sie für den Bereich zwischen 500 und 1000 plottet.

Answer 1

Sie kann Ihre Daten vorverarbeiten, bevor Sie sie in Ihr Diagramm laden. Sie können Eingabetextformen für das Erhalten der Bereich, den Sie in Ihrem Diagramm angezeigt werden soll verwenden:

$('.btn').click(function() { 
    var from = parseInt($('.from')[0].value), 
     to = parseInt($('.to')[0].value), 
     newData = []; 
    if (!isNaN(from) && !isNaN(to)) { 
     Highcharts.each(data, function(p) { 
     if (p.value >= from && p.value <= to) { 
      newData.push(p); 
     } 
     }); 

     $('#container').highcharts({ 
     series: [{ 
      type: 'treemap', 
      data: $.extend(true, [], newData) 
     }], 
     }); 
    } 
    }); 

Hier sehen Sie ein Beispiel sehen, wie es funktionieren kann: http://jsfiddle.net/zr5dzzkd/1/