2016-08-08 4 views
0

JS:DevExpress Дата не отображается правильно

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' 
      } 
     } 
    }); 
}); 

Вид:

enter image description here

Markup:

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

Проблема:

Вот моя дата new Date(1994,2,1) и в графике его отображение

02/03

И в начальном и конечном дополнительную дате является отображением на диаграмме как

28/2 И 30/3

Итак, что я должен изменить, чтобы сделать такую ​​же дату, как в источнике данных?

Вы можете посетить пример, следуя ссылке также DevExpress Link

ответ

1

Причина в том, что JavaScript насчитывает месяцы от 0 до 11. Январь равен 0. Декабрь - 11. Вот почему это происходит. См. JavaScript Dates, чтобы узнать больше.

1

Вы используете непрерывную ось, вы можете указать, насколько продлить ось от его максимального и минимального значений. Используйте для этого свойства 'minValueMargin и maxValueMargin.

Также проверьте свойство valueMarginsEnabled, установив его в значение false.

По умолчанию оси незначительно выходят за пределы их экстремумов. Он предотвращает обрезку частей минимальной и максимальной точек серии . Чтобы отключить функцию , установите для параметра valueMarginsEnabled значение false.

Что касается формата даты, проверьте стиль данных/времени, которые определяют гаджеты.

+0

Нет, вы идете по неправильному пути. Это не проблема пространства. Я определил дату в источнике данных, например, «new Date (1994,2,1)» здесь мой месяц равен 2, а дата равна 1. Но если вы сравниваете дату в аргументеAxis диаграммы. Будет отображаться неверная дата. – Divyesh

+0

Я назначаю месяц 2 в источнике данных, но в месяце графика - 3 приращения на единицу. – Divyesh

+0

Интервал между аргументами 2 и, как я понимаю, он корректирует интервалы масштабирования в соответствии с вашим значением, чтобы соответствовать всем значениям в конкретном масштабе. Если вы хотите показать свои значения оси x, то в других таблицах плат есть пользовательские функции меток оси x. Вы также можете выбрать эту опцию, если ваши значения должны отображаться по оси x.Проверьте указанные свойства, чтобы диаграмма отображала значения шкалы x в соответствии с данными, а не автоматически масштабировала диаграмму. –

Смежные вопросы