2016-08-08 23 views
0

JS angezeigt:DevExpress Datum nicht korrekt

var dataSource = [ 
    {date: new Date(1994,2,1), low: 24.00, high: 25.00, open: 25.00, close: 24.875}, 
    {date: new Date(1994,2,2), low: 23.625, high: 25.125, open: 24.00, close: 24.875}, 
    {date: new Date(1994,2,3), low: 26.25, high: 28.25, open: 26.75, close: 27.00}, 
    {date: new Date(1994,2,4), low: 26.50, high: 27.875, open: 26.875, close: 27.25}, 
    {date: new Date(1994,2,7), low: 26.375, high: 27.50, open: 27.375, close: 26.75}, 
    {date: new Date(1994,2,8), low: 25.75,high: 26.875, open: 26.75, close: 26.00}, 
    {date: new Date(1994,2,9), low: 25.75, high: 26.75, open: 26.125, close: 26.25}, 
    {date: new Date(1994,2,10), low: 25.75, high: 26.375, open: 26.375, close: 25.875}, 
    {date: new Date(1994,2,11), low: 24.875, high: 26.125, open: 26.00, close: 25.375}, 
    {date: new Date(1994,2,14), low: 25.125, high: 26.00, open: 25.625, close: 25.75}, 
    {date: new Date(1994,2,15), low: 25.875, high: 26.625, open: 26.125, close: 26.375}, 
    {date: new Date(1994,2,16), low: 26.25, high: 27.375, open: 26.25, close: 27.25}, 
    {date: new Date(1994,2,17), low: 26.875, high: 27.25, open: 27.125, close: 26.875}, 
    {date: new Date(1994,2,18), low: 26.375, high: 27.125, open: 27.00, close: 27.125}, 
    {date: new Date(1994,2,21), low: 26.75, high: 27.875, open: 26.875, close: 27.75}, 
    {date: new Date(1994,2,22), low: 26.75, high: 28.375, open: 27.50, close: 27.00}, 
    {date: new Date(1994,2,23), low: 26.875, high: 28.125, open: 27.00, close: 28.00}, 
    {date: new Date(1994,2,24), low: 26.25, high: 27.875, open: 27.75, close: 27.625}, 
    {date: new Date(1994,2,25), low: 27.50, high: 28.75, open: 27.75, close: 28.00}, 
    {date: new Date(1994,2,28), low: 25.75, high: 28.25, open: 28.00, close: 27.25}, 
    {date: new Date(1994,2,29), low: 26.375, high: 27.50, open: 27.50, close: 26.875}, 
    {date: new Date(1994,2,30), low: 25.75, high: 27.50, open: 26.375, close: 26.25}, 
    {date: new Date(1994,2,31), low: 24.75, high: 27.00, open: 26.50, close: 25.25}, 
]; 



$(function() { 
    $("#chartContainer").dxChart({ 
     dataSource: dataSource, 
     commonSeriesSettings: { 
      type: 'stock' 
     }, 
     series: {}, 
     argumentAxis: { 
      tickInterval: { days: 2 }, 
      label: { 
       format: 'dd/MM' 
      } 
     } 
    }); 
}); 

Ausblick:

enter image description here

Markup:

<div id="chartContainer" style="height:500px; max-width:700px; margin: 0 auto"></div> 

Problem:

Hier mein Datum ist new Date(1994,2,1) und es in Diagramm

02/03

Und am Start angezeigt und zusätzliche Angebotsende ist Anzeige in Tabelle wie

28/2 Und 30/3

Also, was sollte ich ändern, um mein Datum in Datenquelle zu machen?

Sie können auch Beispiel besuchen durch folgenden Link DevExpress Link

Antwort

1

Der Grund ist, dass JavaScript Monate von 0 bis 11 zählt. Januar ist 0. Dezember ist 11. Das ist, warum dies passiert. Siehe JavaScript Dates, um mehr zu erfahren.

1

Sie eine kontinuierliche Achse verwenden, können Sie festlegen, wie weit die Achse von seinem Maximal- und Minimalwerte zu verlängern. Verwenden Sie dazu die Eigenschaften der Achse minValueMargin und maxValueMargin.

Überprüfen Sie auch die valueMarginsEnabled-Eigenschaft, indem Sie sie auf false setzen.

Standardmäßig sind die Achsen etwas außerhalb ihrer Extrema. Es verhindert, dass Teile der minimalen und maximalen Serienpunkte abgeschnitten werden. Um die Funktion zu deaktivieren, setzen Sie die Option valueMarginsEnabled auf false.

In Bezug auf das Datumsformat, überprüfen Sie die Daten/Zeit-Stil, die Diagramm Gadget zu verstehen.

+0

Nein, Sie gehen auf falsche Spur. Es ist kein Problem des Raumes. Ich habe Datum in der Datenquelle definiert wie "neues Datum (1994,2,1)" hier mein Monat ist 2 und Datum ist 1. Aber in, wenn Sie Datum in argumentAxis des Diagramms vergleichen. Es wird falsches Datum angezeigt. – Divyesh

+0

Ich habe Monat 2 in Datenquelle zugewiesen, aber im Diagrammmonat ist 3 inkrementell um eins. – Divyesh

+0

Argumente Intervall ist 2 und nach meinem Verständnis ist es die Skalierung Intervalle nach Ihrem Wert anpassen, um alle Werte in der jeweiligen Skala zu passen. Wenn Sie Ihre X-Achsenwerte anzeigen möchten, haben andere Plattformdiagramme benutzerdefinierte X-Achsen-Beschriftungsfunktionen. Sie können diese Option auch aktivieren, wenn Ihre Werte in der X-Achse angezeigt werden sollen.Überprüfen Sie die angegebenen Eigenschaften, damit das Diagramm x Skalierungswerte entsprechend den Daten anzeigt, anstatt das Diagramm automatisch zu skalieren. –