3

在加入任何 JS 图表库之前，看看 HighCharts 是否可以使用此图表 - 非常感谢所有建议，例如建议可以明确支持我需要的替代方案。

  • X 轴是一个简单的时间线。
  • Y轴将有各种类别（标签左侧和右侧）
  • 对于每个类别，我将有零到多个具有开始和结束日期的事件
  • 我想有一条代表每个类别的细水平线（仅显示，无数据）
  • 在每一行上，我想显示一个代表事件的粗条，从开始到结束日期。

听起来不太复杂，但我在 Tinterweb 上的任何地方都没有看到这种类型的图表示例。

在此先感谢，蒙蒂

4

1 回答 1

6
  • X 轴是一个简单的时间线。

作为日期时间的 X 轴工作得很好。根据显示图表的时间跨度，它将自动格式化标签。您可以使用dateTimeLabelFormats和tickInterval修改默认格式。日期时间可以控制到毫秒。

  • Y轴将有各种类别（标签左侧和右侧）

您可以根据需要拥有任意数量的 Y 轴。您可以将它们放置在图表的任一侧或两侧。这是一个带有两个 Y 轴的图表示例。您还可以在图表上拥有任意数量的系列。您可以将它们中的每一个绑定到特定的 Y 轴，并根据需要为它们提供所有不同的类型（例如样条、条形、饼形等）。

  • 对于每个类别，我将有零到多个具有开始和结束日期的事件

如果您确实有一个没有任何数据的数据点，那么您可以将其指定为空。然后继续处理有数据的数据点。

  • 我想有一条代表每个类别的细水平线（仅显示，无数据）
  • 在每一行上，我想显示一个代表事件的粗条，从开始到结束日期。

我认为您在这里指的是网格线。如果是这样，那么您可以更改 gridLineWidth。您还可以更改颜色，如果需要，您可以添加次要网格线并根据需要对其进行操作。这可以在任一轴或两者上完成。

  • 补充笔记

您还可以将其他数据发送到某个点以在工具提示中显示。如此处所示。在示例中，locked、unlocked 和 potential 是用户定义的变量。您可以在图表中绘制对象。您可以使您的图表可缩放。您可以向下钻取图表以显示基于数据元素的其他数据。而这样的例子不胜枚举。你可以做很多事情。如果一切都失败了，您可以添加自己的自定义事件和函数来控制其他任何内容。

如果我对任何内容有疑问，我会通过参考或演示进行搜索。如果我仍然无法弄清楚如何做某事，我会在这里询问并得到适合我的答案。

于 2012-05-30T13:32:09.523 回答