2011-10-30 10 views
0

不規則なデータ(および1つ以上のシリーズ)を持つ折れ線グラフを描画するには、JavaScript(HTML4/5)ベースのライブラリが必要です。ここjavascript/html5に不規則なデータ系列(時系列ではない)の折れ線グラフを表示することは可能ですか?そのためのライブラリはありますか?

は一例である。このグラフにおいて

x-axis = [1, 2, 3, 4, 5, 6, 7, 8] 

series1 (y-axis) = [6, 10, null, 8, null, 7, 6, 4] 

series2 (y-axis) = [null, 8, 8, null, 1, 3, 5, 4] 

ヌルを考慮に入れていません。何らかの形で「スキップ」され、行は次の値に直接移動します。もちろん、私はポイントがそのx値にあるかどうかを知るためにポイントを強調したいと思います。

highcharts.com/demo/spline-irregular-timeのような)時系列に基づいて不規則なデータを持つこのグラフのいくつかがありますが、自分の(通常の)x軸を定義する必要があります。

あなたはどう思いますか?

+0

あなたはすべて 'null'sを削除し、座標彼らのxでの値を並べ替える場合、あなたはちょうどあなたがプロットできるポイントの「通常の」シリーズを持っていないのですか? – pimvdb

+0

どういう意味ですか?それはとにかく不規則になります。私が見るライブラリは、与えられたx軸の配列と一致するデータの線形配列を受け入れます。 (1,6)、(2,10)、(4,8)などがあり、問題が解決された)この場合、配列(x、y)の値を折れ線グラフに使用できないようです。 – apelliciari

答えて

1

ハイチャートは時間を使用せずに不規則なデータを受け入れることができます。

基本的に、投稿した例を取ってtype: 'datetime'オプションを削除し、シリーズの日付ではなく数字を指定します。

私はここの例を掲載している:http://jsfiddle.net/TRLhc/

+0

この例ではthxです。私はそのチャートで遊ぶとは思わなかった! – apelliciari

関連する問題