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

【问题标题】：How do i select range of data in Treemap Highcharts?如何在 Treemap Highcharts 中选择数据范围？
【发布时间】：2023-03-18 04:55:01
【问题描述】：

如何选择要在 Highcharts 树状图中绘制的数据范围？目前它正在绘制所有数据点，因为有大量数据点，其中大多数的值范围从 -100 到 200。但我希望它绘制在 500 到 1000 之间的范围内。

【问题讨论】：

如果您只想添加部分数据，为什么不想在将其加载到图表之前对其进行预处理？ jsfiddle.net/zr5dzzkd这个例子能满足你的要求，我会把它作为答案发布
我想通过 UI 选择数据范围
那么你想实现类似这个例子的东西吗？ jsfiddle.net/zr5dzzkd/1

标签： javascript r highcharts treemap

【解决方案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/

【讨论】：

Blachlinski ：这是我正在寻找的解决方案，但由于我在 R 中使用 Highcharts 树形图，所以我无法重现此功能的等价物。有什么办法可以在 R 中使用这个函数吗？