Question

Google提供了一个图表/图表API，并提供了一个图表，我希望用它来显示随时间的变化，图表/图表称为“Annotated Timeline”，其示例如下：

Picture.png http://img198.imageshack.us/img198/1160/pictureea.png

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

Picture 1.png http://img843.imageshack.us/img843/5814/picture1ye.png

这将结束我的需求，但我不能在没有截屏的情况下将其打印出来，因为这个特定的Google Visualization是基于Flash的。

我可以使用哪种工具为HTML5兼容/不闪存的y数据点绘制具有不同x值的数据？

ps：谷歌也提供line chart api，但我不认为它提供不平行的x轴点。

Answer 1

您可以使用amCharts执行此操作。以下是基于日期的图表示例，该图表与Google图表非常相似：http://amcharts.com/stock/events/ 另一个有多行：http://amcharts.com/javascript/line-chart-with-multiple-value-axes/

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

{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的作者）

Answer 2

Highcharts还有一个irregular time data示例可以执行此操作：

charts.png http://img269.imageshack.us/img269/8963/chartsf.png

我可以用什么HTML5图表工具来呈现不同x值的变化？

2 个答案: