DevExpress 日期显示不正确答案

【问题标题】：DevExpress Date not display correctlyDevExpress 日期显示不正确
【发布时间】：2020-11-07 05:07:06
【问题描述】：

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 和 30/3

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

您也可以通过以下链接访问示例 DevExpress Link

【问题讨论】：

标签： devexpress devextreme

【解决方案1】：

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

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

默认情况下，坐标轴会稍微超出其极值。它可以防止切断最小和最大系列点的部分。禁用此功能，请将 valueMarginsEnabled 选项设置为 false。

关于日期格式，查看图表小工具可以理解的数据/时间样式。

【讨论】：

不，你走错了路。这不是空间的问题。我在数据源中定义了日期，例如“new Date(1994,2,1)”，这里我的月份是 2，日期是 1。但是如果您比较图表的参数轴中的日期。它会显示错误的日期。
我在数据源中分配了第 2 个月，但在图表中月份是 3 递增 1。
参数间隔为 2，据我了解，它正在根据您的值调整比例间隔以适应特定比例中的所有值。如果您想显示您的 x 轴值，那么其他平台图表具有自定义 x 轴标签功能。如果您的值必须显示在 x 轴中，您也可以选择该选项。检查指定的属性，它将让图表根据提供的数据显示 x 缩放值，而不是自动缩放图表..
那么为什么在数据源中我的日期是“new Date(1994,2,2)”而图表中的日期是“02/03”。为什么月份是 3 而不是 2？
@Divyesh。首先尝试将 valueMarginsEnabled 属性设置为 false。如果它不起作用，请尝试其他选项..

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：