Question

如何选择要在Highcharts树形图中绘制的数据范围？目前它正在绘制所有数据点，因为有大量的数据点，而且大多数数据点的值都在-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/

如何在Treemap Highcharts中选择数据范围？

1 个答案: