大型数据集的 Highcharts xrange 条形高度 0答案

【问题标题】：Hicharts xrange bar height 0 for larger data sets大型数据集的 Highcharts xrange 条形高度 0
【发布时间】：2019-08-24 05:04:42
【问题描述】：

我有一个 xrange 图表，其中每个“代理”都有一系列时间线数据，我在获取开箱即用属性以适当地格式化图表数据时遇到了几个问题。例如，当有许多 Series / Y 类别时，任何给定点元素上的条形高度为 0；或者当实际获得高度的数量足够少时，它们不在类别的中心

高度为 0，这可以通过使用 pointWidth 属性来解决，但我的目标是使用 pointPadding 和 groupPadding 属性在类别/代理部分中居中栏 && 标签 - 人们会认为这是一个简单的任务和小提琴https://jsfiddle.net/yd7ujvfs/ 显示了一个理想的结局，如果可能的话，可能是一个 minWidth

为了在 jsfiddle 中复制我的问题，我对图表定义进行了字符串化，并将其加载到 jsfiddle https://jsfiddle.net/0yeu4bg6/4/ 中，这显示了高度 0 问题

此外，我想处理少数代理案例，并更完美地将栏置于该类别中，如此 jsfiddle https://jsfiddle.net/5kowvgz3/5/ 所示

提前感谢您的帮助！

示例：我试过摆弄 pointPadding、groupPadding 解决方案与 pointWidth 解决方案，此外我还试图摆弄标签放置并将其与条形对齐，而不是反之亦然。此外，我已经尝试过 pointPlacement，但没有任何乐趣

plotOptions: {
  series: {
    minPointLength: 10,
    borderRadius: 0,
    pointPadding: 0,
    groupPadding: .25
  }
},

{
  name: "Adam NonSDX x",
  id: 1003043,
  data: [
     {
       y: 0,
       agentDisplayName: "Adam NonSDX x",
       tooltipDisplay: "Mon, Apr 1 1:14 PM - 2:59 PM",
       name: "Available",
       x: 1554142440000,
       x2: 1554148752857,
       color: "#97e34c"
     },
        ...
   pointPlacement: "on",
   dataLabels: {
     enabled: false
   }
}

预期的结果，每个类别中完全居中的轴标签和条形图，理想情况下，每个类别都设置一个像素，例如 35 像素，其中顶部和底部有 10 像素的填充，标签和条形是中间的 25 像素

实际结果，标签完全居中，但条形放置不一致，另外在较大的数据集上，条形不可见，因为高度设置为 0

【问题讨论】：

标签： highcharts xrange

【解决方案1】：

Highcharts 为每个类别中的每个系列保留空间。为防止禁用grouping 选项：

plotOptions: {
    series: {
        grouping: false,
        ...
    }
},

现场演示：https://jsfiddle.net/BlackLabel/xpztou4g/

API 参考：https://api.highcharts.com/highcharts/plotOptions.xrange.grouping

【讨论】：