Highcharts 垂直滚动时，如何将highchart甘特图标题设置为固定

我正在尝试创建一个计划甘特图。我基于资源管理示例的甘特图。到目前为止有很多好东西！我有一些问题，我会单独发布

我要处理的下一个问题是，甘特图中有许多行数据。我添加了垂直滚动功能，但是滚动时图表上方的标题消失了。我发现了一些示例，其中头不会滚动，但无法确定代码中的哪些内容可以保持头的位置

这是小提琴：

chart=Highcharts.ganttChart（'container'）{
系列:系列,，
可滚动绘图区：{
身高：700
},
打印选项：{
系列：{
颜色：“#FF0000”
}
},
滚动条：{
已启用：true
},
标题：{
正文：“灌溉计划表”，
风格：{
颜色：'#000000'，
fontWeight:'粗体'，
字体大小：“24px”
}
},
工具提示：{
点格式：“计划：{point.Schedule}
从：{point.start:%m/%d%H:%m}
到：{point.end:%m/%d%H:%m}”
},
xAxis：
[{
标签：{
格式：'{value:%H}'//一天中的小时数（不工作）
},
滴答声间隔：1000*60*60，//小时
}, {
标签：{
格式：'{值：%B%e}'//一周的日期名称
},
滴答声间隔：1000*60*60*24，//天
}
],
亚克斯：{
类型：'类别'，
网格：{
栏目：[{
标题：{
文本：“泵”
},
类别：地图（系列、功能）{
返回s.PumpName；
})
}, {
标题：{
文本：“区域”
},
类别：地图（系列、功能）{
返回s.IrrigationZoneName；
})
}, {
标题：{
文本：“状态”
},
类别：地图（系列、功能）{
返回s.CurrentStatus；
})
}
]
}
}
})

提前谢谢

---

埃迪

你差一点就成功了，只是犯了个小错误可滚动绘图区域对象必须在图表对象内定义

演示：

API:

---

编辑：

在深入研究这个问题之后，我认为更好的选择是在yAxis上使用滚动条，而不是scrollablePlotArea

演示：

• 库存模块是必需的
• yAxis的选项配置示例：

  scrollbar: {
    enabled: true,
    showFull: false
  },
  max: 5,
  

---

API:

嗨，塞巴斯蒂安，谢谢你对我两个问题的回答。（我很快就会有另一个帖子）。每个答案都很有效。然而，当我把它们结合起来时，结果并不好。在这里添加到另一篇文章的链接：结果是：-我的类别的标题从页面上滚动下来-有一个小方框只显示了4行-我可以在甘特图标题下看到滚动下来的行-老实说，我似乎无法滚动到所有行-我不明白问题出在哪里。你能分享一些它的图片吗？嗨@Sebastian，我不得不在没有得到修复的情况下发布，但我现在又回来了。在这个小提琴：这是非常接近我希望实现的。有几件事仍然存在问题：1。如果滚动甘特图，网格标签也会随之滚动。有没有办法用网格将它们冻结在适当的位置。2.java脚本中的最小高度设置为800，容器高度设置为799px。我不得不玩弄那些数字。使用时，我的图表将有不同的大小。我希望这些数字是可配置的。

  chart: {
    scrollablePlotArea: {
      minHeight: 700
    }
  },

scrollbar: {
  enabled: true,
  showFull: false
},
max: 5,