Google图表时间轴的替代方案

时间:2015-12-21 14:25:36

标签: javascript php mysql charts google-visualization

我一直在使用Google Charts的时间轴图表。它很棒,因为它非常易于使用。但是,我偶然发现了一些限制:

  • 无法调整条形的高度或它们周围的边距数量。
  • 我无法格式化hAxis的标签。不能应用任何字体,也不能应用textcolor或font-size。由于某种原因,其中两个标签是粗体。 (见下图)
  • 无法在右侧添加包含额外信息集的文本列(例如,此行中所有小时数的总和)
  • 我无法将hAx移动到图表上方而不是
  • 下方
  • 等...

以下是图片的链接:

出于这个原因,我希望你们中的一些人可以向我介绍一个我可以使用的替代工具或api。它需要易于使用,并且免费/开源。我搜索了大量的图表工具,但几乎没有工具提供这种SIMPLE时间轴类型的图表(请注意,它不是甘特图,但它看起来像一个)。

2 个答案:

答案 0 :(得分:2)

有一些甘特图Javascript库,但似乎都没有接近Google时间轴图表。

我能找到的唯一相似的图表是Visavail.js。它建立在D3.js之上并且是开源的,因此您可以根据自己的喜好对其进行修改。查看“自定义类别数据”示例。这很像Google时间表图表。

为方便起见,我添加了以下示例的屏幕截图:

Screenshot of the "Custom Category Data" example

答案 1 :(得分:1)

如果你熟悉d3.js,这里有一个基于d3js的例子:http://bl.ocks.org/bunkat/1962173