DevExpress 日期显示不正确

Question

JS:

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

视图：

标记：

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

问题：

这里我的日期是 new Date(1994,2,1) 并且在图表中它显示

02/03

并且在开始和结束时额外的日期显示在图表中，如

28/2 And 30/3

那么，我应该更改什么以使我的日期与数据源中的日期相同？

您也可以按照link访问示例 DevExpress Link

Answer 1

您使用连续轴，您可以指定轴从其最大值和最小值延伸多远。使用轴的 minValueMargin and maxValueMargin 属性来执行此操作。

同时检查 valueMarginsEnabled 属性，方法是将其设置为 false。

By default, the axes extend slightly beyond their extrema. It prevents cutting off parts of the minimum and maximum series points. To disable this feature, set the valueMarginsEnabled option to false.

关于日期格式，检查图表小工具理解的data/time样式。

Answer 2

原因是 JavaScript 从 0 到 11 计算月份。一月是 0。十二月是 11。这就是为什么会发生这种情况。请参阅 JavaScript Dates 以了解更多信息。

Answer 3

如果您的日期没有间隔，请尝试将 argumentAxis.type 切换为 discrete。当轴为 continuous 时，图表会处理原始数据并更改用于 argumentAxis.

的值

DevExpress 日期显示不正确

DevExpress Date not display correctly

devexpress

devextreme