大型数据集的Hicharts xrange栏高度0

时间:2019-04-02 19:20:34

标签: highcharts xrange

我有一个xrange图,其中的每个“代理”都有一系列时间轴数据,但在开箱即用的属性中正确设置图形数据的格式时遇到了一些问题。例如,当有很多Series / Y类别时,任何给定点元素上的钢筋高度为0;否则,为0。或只有很少的东西可以实际达到高度时,它们不在类别的中心

的高度为0,可以通过使用pointWidth属性来解决,但我的目标是使用pointPadding和groupPadding属性将bar &&标签居于类别/ Agent部分中的中心位置-人们会认为这将是简单的任务,而小提琴https://jsfiddle.net/yd7ujvfs/则显示了一个理想的结束点,如果可能的话,还有一个minWidth

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

另外,我想处理少数座席案例,并更完美地将栏位于类别内,如jsfiddle https://jsfiddle.net/5kowvgz3/5/

所示

预先感谢您的协助!

示例: example of perfectly centered labels with non centered data example of 0 height data due to many series ~ > 10 我尝试摆弄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
   }
}

预期结果,每个类别内的Axis Label和Bar完美居中,每个类别最好设置px,例如35 px,其中顶部和底部有10px的填充,而label和bar则是中间的25px

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

1 个答案:

答案 0 :(得分:1)

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

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

实时演示:https://jsfiddle.net/BlackLabel/xpztou4g/

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