能否同时在Highcharts的rangeSelector与Series中配置dataGrouping？

完全没问题，你想要的这种「按缩放级别固定分组+不同系列用不同聚合规则」的效果，刚好可以通过同时在rangeSelector和Series级别配置dataGrouping来实现，这也是Highcharts里很实用的组合配置方式。

具体配置思路： #

• RangeSelector 级别：固定不同视图的分组粒度
  你在rangeSelector.buttons里给每个按钮单独配置dataGrouping的思路是对的。比如你希望选择「1M」按钮时始终按1小时聚合，就可以在对应按钮里设置：

  {
    type: "month",
    count: 1,
    text: "1M",
    dataGrouping: {
      forced: true, // 强制启用该分组规则，不让Highcharts自动调整
      units: [["hour", [1]]] // 指定分组单位为1小时
    }
  }
  

  这样用户切换到这个视图时，就会严格按照你指定的粒度分组，不会随数据量变化自动调整。

• Series 级别：自定义不同属性的聚合规则
  针对部分属性用average、部分用sum的需求，直接在每个Series里单独配置dataGrouping.approximation即可。举个例子：

  series: [
    {
      name: "平均温度",
      data: temperatureDataset,
      dataGrouping: {
        approximation: "average" // 该系列用平均值聚合
      }
    },
    {
      name: "总用电量",
      data: powerDataset,
      dataGrouping: {
        approximation: "sum" // 该系列用总和聚合
      }
    }
  ]
  

  这里要注意：Series里没指定的dataGrouping配置项，会自动继承rangeSelector或者全局的分组粒度设置，完美匹配你要的「缩放级别决定粒度，系列决定聚合方式」的逻辑。

完整示例片段： #

Highcharts.stockChart('container', {
  rangeSelector: {
    enabled: true,
    selected: 1,
    buttons: [
      {
        type: "week",
        count: 1,
        text: "1W",
        dataGrouping: {
          forced: true,
          units: [["minute", [1]]]
        }
      },
      {
        type: "month",
        count: 1,
        text: "1M",
        dataGrouping: {
          forced: true,
          units: [["hour", [1]]]
        }
      }
    ]
  },
  series: [
    {
      name: "平均温度",
      data: [/* 你的温度数据 */],
      dataGrouping: {
        approximation: "average"
      }
    },
    {
      name: "总用电量",
      data: [/* 你的用电量数据 */],
      dataGrouping: {
        approximation: "sum"
      }
    }
  ]
});

小提醒： #

一定要记得在rangeSelector按钮的dataGrouping里加上forced: true，否则Highcharts可能会根据当前显示的数据量自动调整分组单位，破坏你想要的固定分组效果。

内容的提问来源于stack exchange，提问作者Khrystyna Lysiuk