1

谷歌提供了一个图表/图形 API,并有一个图表,我想用它来呈现随时间的变化,这个图表/图表被称为“带注释的时间线”,它的一个例子在这里:

图片.png http://img198.imageshack.us/img198/1160/pictureea.png

最酷的功能是您不必为每个 y 值绘制所有相同的“x 坐标”点,因此数据点不必全部垂直排列。这很好,因为我在每个时间间隔都没有所有点的值:

图片1.png http://img843.imageshack.us/img843/5814/picture1ye.png

将是我的需求的结束,除了我无法在没有截屏的情况下打印出来,因为这个特定的谷歌可视化是基于 Flash 的。

我可以使用什么工具来绘制与 HTML5 兼容/非闪存的 y 数据点的不同 x 值的数据?

ps:谷歌也提供折线图api,但我不相信它提供不平行的x轴点。

4

2 回答 2

1

您可以使用 amCharts 做到这一点。这是一个基于日期的图表示例,它看起来与谷歌图表非常相似:http: //amcharts.com/stock/events/ 另一个有多行的图表:http: //amcharts.com/javascript/line-chart-with -多值轴/

此示例具有相同日期的数据点,但图表也可以显示您需要的数据。数据提供者应包括您拥有的所有日期,但数据项不必具有所有图表的值。这是示例数据:

{date: new Date(2010,1,2), graph1:54, graph2:2},
{date: new Date(2010,1,3), graph1:53},
{date: new Date(2010,1,4), graph1:55},
{date: new Date(2010,1,5), graph2:2}

我希望这有帮助。安塔纳斯(amCharts 的作者)

于 2012-04-06T08:54:09.400 回答
1

Highcharts 也有一个不规则的时间数据示例,可以做到这一点:

图表.png http://img269.imageshack.us/img269/8963/chartsf.png

于 2012-04-18T22:21:45.373 回答