Как выбрать диапазон данных в Treemap Highcharts?

Question

Как я могу выбрать диапазон данных, которые будут отображаться в файле Highcharts treemap? В настоящее время он строит все точки данных, и поскольку имеется большое количество точек данных, и большинство из них имеет значение от -100 до 200. Но я хочу, чтобы он имел значение для диапазона от 500 до 1000.

Answer 1

Вы может предварительно обработать ваши данные, прежде чем вы загрузите их в свою диаграмму. Вы можете использовать входные текстовые формы для получения диапазона вы хотите отобразить на диаграмме:

$('.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) 
     }], 
     }); 
    } 
    }); 

Здесь вы можете увидеть пример того, как это может работать: http://jsfiddle.net/zr5dzzkd/1/