1

多くのデータ、より正確には1日ごとに保存された大量のデータを含むグラフがあります（これはユーザーにとって見栄えがよくなく、ラベルが多すぎます）。

より正確には、データは次の方法で DB に保存されます。日付 (YYYY - MM - DD の形式) - データ。

私がやりたいのは、x 軸ラベル (たとえば) を使用してデフォルトのズーム (大量のデータ) を数週間使用することですが、ユーザーがズームインすると自動的に日に変わります。

どうすればそれを行うことができますか？

多分これは良いスタートです：

xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
        day: '%e of %b'   
    }
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    pointStart: Date.UTC(2010, 0, 1),
    pointInterval: 24 * 3600 * 1000 // one day
}]

ここにあります：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/datetimelabelformats/

編集

表示したいのは、たとえば、週の「ズーム」があるときの平均値であり、ユーザーがズームインしたとき (日表示) には時間厳守の値があります。1 つの系列のみを使用します (このグラフには複数の系列があるため)。

4

1 に答える 1

1

時系列データとズーム可能なデータの両方をカバーしているため、多すぎるラベルでグラフをオーバーロードすることなく、Highcharts Web サイトの時系列デモから作業するのが最善の策だと思います。

編集:
提供された追加の詳細に応じて、ハイチャートはズームイン/ズームアウトで異なるデータを表示するように設計されているとは思いません。利用可能なデータをそのまま表示するだけです。

ズームでそのデータのビューを調整できるようにしたい場合、私の提案は次のようになります。

  • selectionイベントのリスナーを追加します。
    • 新しい一時的なシリーズを作成し、古いシリーズを非表示にして新しいシリーズを表示する、または;
    • 値を再計算して既存のシリーズを変更する
  • 平均化されたデータ用に別のシリーズを用意し、完全なデータと平均化されたデータを切り替える手段を用意します。

それはあなたが探している答えではありませんが、あなたが望むことを達成する方法は他にないと思います。

于 2013-03-17T04:47:31.833 に答える