2017-08-25 11 views
-1

データがお互いに近いことを確認する方法& datetimeでソートする。私はあなたのポストはほとんどのコードであるように見えます日時ハイチャート内のすべてのデータを表示する方法

var charts = Highcharts.chart('container', { 
 
    xAxis: { 
 
    type: 'datetime' 
 
    }, 
 
    series: [{ 
 
    type: 'area', 
 
    data: [ 
 
     [Date.UTC(2015, 9, 25, 14, 13, 00), 3.500], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 02), 3.501], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 04), 3.502], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 06), 3.505], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 08), 3.509], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 10), 3.507], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 12), 3.510], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 14), 3.525], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 16), 3.536], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 18), 3.575], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 20), 3.595], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 22), 3.514], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 24), 3.525], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 26), 3.536], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 28), 3.514], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 30), 3.510], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 32), 3.523], 
 
     [Date.UTC(2015, 9, 25, 14, 13, 34), 3.596], 
 
     [Date.UTC(2015, 9, 26, 18, 13, 34), 4.596] 
 
    ] 
 
    }] 
 
});
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
 

 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

ですべてのデータを表示します。いくつかの詳細を追加してください。はい、ごめんなさい

+0

問題は、あなたが持っています数秒以内に多くのポイントを獲得し、その後1日中一日を指差す。 'datetime'プロットは、このタイプのアプリケーションに最適なオプションではないかもしれません。 –

答えて

0

@Zに加えて、 Bagleyは、この問題を解決するために、カップルのソリューションを使用することができると書いています。最初のものはHighstockチャートの使用に関するものです。 Highstockチャートにはordinalというプロパティがあり(デフォルトではtrue)、xAxisにポイントを均等に配分します。第2に、breaksを使用して新しいxAxis極値を設定して、最後の2つの日付間の距離を短くすることができます。 scrollbarを追加することもできます。

APIリファレンス:
http://api.highcharts.com/highstock/xAxis.ordinal
http://api.highcharts.com/highcharts/xAxis.breaks
http://api.highcharts.com/highstock/scrollbar

例:
http://jsfiddle.net/pbdor59x/ - 休憩 http://jsfiddle.net/4cc2n3sp/を使用して - - Highstockと序財産 http://jsfiddle.net/abwpqs19/を使用して使用してスクロールバー

関連する問題