Highcharts: legen Sie regelmäßige Intervalle auf x-Achse

Habe ich eine Reihe von Daten Werte über die Zeit (bestimmt durch die Anzahl). Daten auf n - Minuten-Intervallen (Anzahl x Abstand); in der Regel werden die Daten 96 x 15 (96 15 Minuten Intervallen zu geben, 24 Stunden). Die Länge der Intervalle und die Anzahl sind dynamisch. Die Datenreihe kann viele Arten von Daten; Sie könnte in zahlreichen Formaten wie 0.000123 oder 1.23 oder 198763.0000089675.

Ich würde gerne meine x-Achse zeigen die Zeit in 1-Stunden-Intervallen (Bildschirmplatz zu klein ist, also 2-Stunden-Intervallen werden könnte, was benötigt wird). Ich habe diese:

xAxis: {
    type : 'datetime',
    title: {
        text: 'Time ('+period+')'
        },
    dateTimeLabelFormats: {
        minute: '%H:%M',
        hour: '%H:%M'
        }
}

und eine Serie wie diese:

[15999.999999999996,14999.999999999996,15999.999999999996,14999.999999999996,13999.999999999996,15999.999999999996,17999.999999999993,17999.999999999993,16999.999999999993,15999.999999999996,16999.999999999993,14999.999999999996,14999.999999999996,13999.999999999996,14999.999999999996,14999.999999999996,14999.999999999996,14999.999999999996,15999.999999999996,19999.999999999993,23999.999999999993,27999.999999999993,24999.999999999993,22999.999999999993,21999.999999999993,23999.999999999993,29999.999999999993,26999.999999999993,29999.999999999993,31999.999999999993,34999.999999999985,31999.999999999993,31999.999999999993,33999.999999999985,34999.999999999985,32999.999999999985,32999.99999999998,32999.99999999997,32999.99999999997,32999.99999999997,32999.999999999985,32999.999999999985,34999.999999999985,32999.999999999985,32999.999999999985,32999.999999999985,35999.999999999985,32999.999999999985,35999.999999999985,32999.999999999985,33999.999999999985,30999.999999999993,28999.999999999993,31999.999999999993,32999.999999999985,33999.999999999985,30999.999999999993,32999.999999999985,32999.999999999985,30999.999999999993,30999.999999999993,31999.999999999993,31999.999999999993,29999.999999999993,29999.999999999993,30999.999999999993,30999.999999999993,26999.999999999993,25999.999999999993,27999.999999999993,29999.999999999993,27999.999999999993,26999.999999999993,25999.999999999993,26999.999999999993,27999.999999999993,25999.999999999993,28999.999999999993,29999.999999999993,26999.999999999993,24999.999999999993,18999.999999999993,17999.999999999993,16999.999999999993,16999.999999999993,15999.999999999996,16999.999999999993,15999.999999999996,14999.999999999996,15999.999999999996,15999.999999999996,14999.999999999996,14999.999999999996,15999.999999999996,15999.999999999996,14999.999999999996]

aber die Werte auf der x-Achse sind:

00:00:00.020    00:00:00.040     00:00:00.020    00:00:00.020

Habe ich stocherte durch die highcharts-API, aber ich kann nicht Kopf noch Schwanz, wie es sich mit timeseries.

Wie kann ich feststellen, highcharts, um die Zeit richtig?

InformationsquelleAutor Squishy | 2012-07-13

highcharts javascript

3

Wenn die Achse ist vom Typ datetime, wird das Diagramm wird dargestellt, wie man Sie am besten hält. Wenn Sie nicht wie die Art, wie Sie gerendert werden, können Sie die Formate für Datum und Uhrzeit des Diagramms mit dateTimeLabelFormats wie Sie bereits tun.

Basierend auf den datetime-Spannweite der Daten an die Zeit, die das Diagramm wählen Sie eine der folgenden Standard-Formate:
```
second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'
```
Wenn Sie wollen, zu zwingen, um die Stunde und Minute-egal, was die range ist, dann legen Sie Sie wie folgt:
```
second: '%H:%M',
minute: '%H:%M',
hour: '%H:%M',
day: '%H:%M',
week: '%H:%M',
month: '%H:%M',
year: '%H:%M'
```
Steuern das Intervall der Termine angezeigt, verwenden Sie tickInterval. Da deine Achse ist vom Typ
datetime-Sie haben zu verwenden Millisekunden als Einheit für Ihre tickInterval. So, 1 Stunde, tickinterval in 3600000 Millisekunden. Wenn Sie wollen, dass es 2 Stunden, dann verwenden Sie 7200000.
- Werfen Sie diese raus...So HighCharts nicht kümmern, wenn nicht die Zeit in der Serie? Ich weiß, es wird dann behandeln Sie es als ein lineares Diagramm-Serie, aber Sie können dann sagen, welche linear in x-Richtung Punkte sind? Wenn dem so ist, löst eine Tonne von Logistik-Probleme für uns.
- @wergeld ja, und ich Stimme zu
- Meine x-Achse Einstellungen sind: - type: 'dateTime', und ich bin mit dem format, das Sie vorschlagen, (die zweite), mit tick-Intervall auf 7200000, meine Datenreihe sieht wie folgt aus:[["00:15:00",15.999999999999996],["00:30:00",14.999999999999996]...etc] noch meine x-Achse ist immer noch falsch. Dieses mal ist es einfach nur sagt "Ok" und es ist nichts danach.
- Ich denke, ich werde einfach einen anderen Ansatz und eine Ausgabe der Zeitstempel in seine eigene Reihe und übergeben Sie einfach die x-Achse, die
- Sie müssen analysieren Ihrer datetime-Komponente. HighCharts erwartet werden zur Zeit in javascript-Zeit (UNIX-Zeit * 1000).
- Eure Zeit ist in Millisekunden. Hier ist ein Beispiel konvertieren eines DateTime-Objekts in Millisekunden via C#. Sie können eine Dezimalzahl in die Zahl.
- Gut, ich hatte die Zeit in Millisekunden zu, aber weigerte sich, die Ausgabe in nichts erkennbar als die Zeit. Die Datenreihe wurde [[900000, 15.9999],[1800000, 14.999]...etc] und der x-Achse Ausgang war zwischen 0M und 55M - trotz der Tatsache, dass es zwischen 900000 und 86400000 ein, die als 24 Stunden.
- Was Sie wirklich wollen, zu tun haben, ist das Datum / Uhrzeit in Millisekunden. Es sollte jedoch die Millisekunden, die sich zugetragen haben seit dem 1. Januar 1970. Mit der JavaScript - parse - Funktion wird automatisch für Sie erledigen. Oder Sie können etwas tun, wie der folgende.
- Habe es in meinen dicken Schädel, endlich. @Verweilen, vielen Dank für die Hilfe, sehr dankbar Mann!
InformationsquelleAutor Linger
1

Grobe Schätzung ist hier, dass Sie nicht auch eine Zeit in der Reihe.
Wenn Ihre x-Achse ist datetime, die Sie brauchen, um irgendwie sorgen, dass HighCharts.
Sie zum Beispiel die Serie Aussehen sollte:
```
[[timeInJSTime1, 15999.999999999996],
 [timeInJSTime2, 14999.999999999996],
 ....
]
```
InformationsquelleAutor wergeld

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.