Angular 高位图表显示不同月份的数据

我有一张海图，我的雅克斯是一天24小时，而雅克斯是日期。当我想在同一张图表上显示两个月时，我面临一个问题。 对于这样只有一个月的指令：

data:[{
             x:Date.UTC(2020,10,25),
             low:Date.UTC(2020,10,25,20,0,0),
             high:Date.UTC(2020,10,25,22,0,0)
            }]

图表完美地显示了图表。 但是，当数据包含一个月以上时，如下所示：

{
         type:'columnrange',
         data:[{
             x:Date.UTC(2020,10,25),
             low:Date.UTC(2020,10,25,20,0,0),
             high:Date.UTC(2020,10,25,22,0,0)
            }]
         },
         {
          type:'columnrange',
          data:[{
             x:Date.UTC(2020,11,1),
             low:Date.UTC(2020,11,1,20,0,0),
             high:Date.UTC(2020,11,1,22,0,0)
            }]
        }

数据存在，但未显示在图表上

以下是图表的选项

this._options={
    chart:{
        type:'columnrange'
        },
    series:[
        {
         type:'columnrange',
         data:[{
             x:Date.UTC(2020,10,25),
             low:Date.UTC(2020,10,25,20,0,0),
             high:Date.UTC(2020,10,25,22,0,0)
            }]
         },
         {
          type:'columnrange',
          data:[{
             x:Date.UTC(2020,11,1),
             low:Date.UTC(2020,11,1,20,0,0),
             high:Date.UTC(2020,11,1,22,0,0)
            }]
        }],
    yAxis:{
          min:Date.UTC(2020,10,25,0,0,0),
          max:Date.UTC(2020,10,25,23,59,59)
          type:'datetime',
          labels:{
               formatter:function(){
                    return dateFormat('%H:%M',this.value);
                }
            }
         opposite:false
         },
    xAxis:{
         minorTickInterval:24*3600*1000,
         min:Date.UTC(2020,10,25),
         max:Date.UTC(2020,11,1),
         type:'datetime',
         labels:{
             align:'center',
             formatter:function(){
                 return dateFormat('%e / %m / %y',this.value);
               }
             }
          }
}

---

我复制了您的问题，似乎点超出了您设置的

min

和

max

值的范围

---

看看这个演示：

我按照你的建议做了，效果很好，但现在，当禁用“最小-最大”选项时，yAxis显示的范围比我需要的范围更广。您是否有任何解决方案，使其能够在yAxis上工作并仅显示24小时。谢谢你的时间，对不起，我不明白。如果这两点之间的距离为一个月，您希望如何在yAxis上仅显示24小时？在这种情况下，您需要更改数据格式。我不希望仅显示24小时。我只想显示yaxis上的点的小时数和xAxis上的日期。例如，如果我需要显示GAP store的营业时间，那么xAxis会显示当月的日期，yAxis会显示小时数，所以低值是营业时间，高值是结束时间。

所以xAxis会显示当月的日期，yAxis会显示小时数，因此，低值是开始时间，高值是结束时间。

我想你刚刚回答了你的问题；）正如您所提到的，您希望在yAxis上仅显示小时数，这意味着您需要更改高低数据。看一看: