1

Google は charting/graphing API を提供しており、時間の経過に伴う変化を示すために使用したいグラフがあります。グラフ/チャートは「注釈付きタイムライン」と呼ばれ、その例は次のとおりです。

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

最もクールな機能は、各 y 値で同じ "x 座標" ポイントをすべてプロットする必要がないため、データ ポイントをすべて垂直に並べる必要がないことです。すべての時間間隔ですべてのポイントの値を持っているわけではないので、これは良いことです:

写真1.png http://img843.imageshack.us/img843/5814/picture1ye.png

この特定の Google ビジュアライゼーションはフラッシュ ベースであるため、スクリーンショットを撮らずにこれを印刷することはできません。

HTML5 互換/Flash ではない y データ ポイントの x 値が異なるデータをプロットするには、どのツールを使用できますか?

ps: Google も折れ線グラフ APIを提供していますが、平行ではない x 軸ポイントを提供しているとは思えません。

4

2 に答える 2

1

これは amCharts で行うことができます。これは、Google チャートによく似た日付ベースのチャートの例です: 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 には、これを行うことができる不規則な時間データの例もあります。

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

于 2012-04-18T22:21:45.373 に答える