如何使用HighChart的柱状图叠加分组图的x轴动态日期范围？

Question

我在使用Highchart的堆叠和分组列图，我想使用动态日期时间x轴，可以通过传递最小和最大参数来实现。我也做了同样的操作，但没有绘制出图形。如果我从x轴中删除min和max参数，并使用类别数组，数据就会弹出，但我无法使类别数组成为动态的，这样我就可以在那里传递min和max，我的图形就会绘制出来。需要帮助。

下面是我的dynamicDaterange代码。

xAxis: {
    type:'datetime',
    min: startDate ?startDate.getTime() : (Date.now() - 24 * 60 * 60 * 1000),
            max: endDate?endDate.getTime() : Date.now(),
}

https:/jsfiddle.netfo3y572b5

下面的代码线是我使用类别数组时的代码线。

 xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'April', 'May','June','July','Aug','Sep','Oct','Nov','Dec']
    },

Answer 1

我认为一个更好的方法是使用 起点 和 点间隔 功能。

演示。https:/jsfiddle.netBlackLabelh2yxbkap。

API。https:/api.Highcharts.comhighchartsseries.pie.pointStart。

   plotOptions: {
     column: {
       pointStart: startDate,
       pointInterval: 24 * 3600 * 1000, // one day
       stacking: 'normal'
     }
   },

设置最小和最大是不够的，只是设置了xAxis的范围，但你的数据还是这样。[{x: 0, y: 5}, {x: 1, y: 3}, {x:2, y: 4} , ...]这意味着x=0毫秒不在xAxis范围内。或者你需要重新定义你的数据，把x作为一个数据。