如何用 Highcharts做X-range X 轴范围图?
2026/3/31 22:10:38 网站建设 项目流程

X-range | X范围图

X-range 系列在 X 轴上显示范围,通常是带有开始和结束日期的时间间隔。X-range 是甘特图的基本系列。

X范围类似于列范围,但显示X数据中的范围,而列范围显示Y数据中的最低和最高值。这允许将X范围与其他笛卡尔系列类型结合使用。

X-range 系列需要以下模块 modules/xrange.js.

有关更详细的示例和文档,请查看 API.

点击 here 查看代码。

数据结构

每个 X-range 数据点表示从一个 X 值(通常是开始日期)到另一个 X2 值(通常是结束日期)的范围。请注意,Highcharts 日期时间轴上的日期以自 1970 年以来的毫秒数表示。

y 的值决定了在垂直方向上绘制范围的位置。在分类的 Y 轴上,这将反映类别索引。

每个数据点可以有一个partialFill选项,用于设置任务完成的比例。

查看完整的选项集,请访问 API.

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询