8

現在、x 軸のカテゴリとして月を使用して、アプリケーションにHighcharts JSを実装しようとしています。

ただし、データにギャップがあり、グラフがギャップを自動的に接続することを望みます。

たとえば、3 月のデータがない場合、2 月と 4 月を直線で結びたいとします。

ハイチャートのデモを使用して、データを編集して、現在デフォルトで何が起こっているかを示しました。

http://jsfiddle.net/kf26t/1/

data: [7.0, 10.0, null, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]

ご覧のとおり、2 月と 4 月の間で線が途切れています。

カテゴリからデータのない月を削除することを検討しましたが、2 月と 4 月が 4 月と 5 月と同じ距離にあるため、結果が歪んでしまい、正確な表現が得られません。

4 か月を削除する場合、この不正確な表現は誇張されています。

http://jsfiddle.net/kf26t/2/

categories: ['Jan', 'Feb', 
                    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

私が考えることができる唯一の解決策は、月間の平均を計算することですが、平均を表示したくありません。

Highchart JS でこれらのギャップを埋める組み込みの方法はありますか? そうでない場合、私が提案したことに対するより適切な解決策はありますか?

または、値に基づいて x 軸を分離する方法はありますか? したがって、3 月がない場合、2 月と 4 月は 2 か月離れて表示されます。

これは、整数が x 軸である場合にも役立ちます。たとえば、「1、2、10」があった場合、これらを均等に分散させたくありません。

4

2 に答える 2

12

私は何かが欠けているかもしれませんが、あなたの例と説明から、あなたは connectNulls プロパティを探しているようです:

http://api.highcharts.com/highcharts#plotOptions.series.connectNulls

于 2013-04-12T15:53:46.703 に答える
2

このタイプの動作には、Highcharts JS の代わりに Highstocks JS を使用する必要があります。

data: [
       [Date.UTC(2013,  0, 1), 1],
       [Date.UTC(2013, 1, 1), 2 ],
       [Date.UTC(2013, 3,  1), 4],
       [Date.UTC(2013, 4,  1), 5 ],
       [Date.UTC(2013, 5, 1), 6 ],
       [Date.UTC(2013, 6, 1), 7],
       [Date.UTC(2013,  7,  1), 8],
       [Date.UTC(2013,  8,  1),9],
       [Date.UTC(2013, 9, 1), 10],
       [Date.UTC(2013, 10, 1), 11],
       [Date.UTC(2013, 11, 1), 12]
      ]

ライブデモ: http://jsfiddle.net/q2kSf/

于 2013-04-12T14:20:43.017 に答える