当前位置: 首页 > news >正文

如何用 Highcharts做X-range X 轴范围图?

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.

http://www.jsqmd.com/news/367614/

相关文章:

  • 2026工业级CRM五大品牌横评,核心优势与场景揭秘
  • MoonBit 0.8 版本正式发布
  • SDXL 1.0在灵感画廊中的性能优化指南
  • 效率翻倍:One API多机部署实现AI服务高可用
  • RDMA设计44:RoCE v2原语功能:单边语义
  • 【太阳】基于Parker太阳风解模型(含物理单位换算、密度剖面及与经验日冕模型的比较)附Matlab代码
  • 运用AI多因子模型:剖析美元疲软对黄金高位运行的托底效应
  • 告别AI工具杂乱无章:用JVS-AI统一管理模型、知识和技能。
  • 灰狼算法+粒子群+鲸鱼+蝴蝶算法优化ELM模型的锂电池SOH预测附matlab代码
  • 委托总结:委托提供了 A类的对象 调用 B类对象的同一类方法 的能力。
  • 毕业季必看:论文降ai率最全攻略,教你如何有效降低ai率
  • 企业专线与光纤宽带对比及年费用说明
  • 征程 6 | power management sample
  • 2026最新测评:关于论文降aigc那款工具最有效,内含9款降ai率工具。
  • 【claude】Claude Skills 使用小技巧:7个让AI真正“懂你“的实用窍门
  • 基于java + vue药店管理系统(源码+数据库+文档)
  • Web 性能优化:如何让你的网站加载速度提升 50%
  • Spotify上传音乐文件,电脑播放本地音乐,手机同步电脑音乐
  • ST 表
  • 全网最全!10个论文降aigc神器,支持免费降ai率【建议收藏】
  • 明湾国际学校分享:AI如何重塑科技与学习生态?
  • 告别高AI率!这几款免费降低ai率的神器,彻底解决论文降aigc难题。
  • OpenClaw 暴雷背后:Command Tools 如何终结 AI 工具的“配置地狱”(附教程)
  • 明湾“145666“密码:一所非营利双语学校的使命与探索
  • Claude提示词工程 05,告别AI幻觉:让Claude诚实回应的提示词技巧
  • 乙醇燃料精准监测中枢:MTX-D数字双功能乙醇含量百分比和燃料温度计 改装店/车队/加油站/检测站全场景实战全解
  • 9款AI降AIGC工具亲测,毕业生速存
  • 毕业党福利!9款AI降AIGC率网站实测
  • 降ai率千万别乱试!实测10款降AI工具,谁最有效(附保姆级论文降ai教程)
  • Unity Entities 1.4 ECS 预制体实例化全教程:从单线程到多线程优化