Question

我尝试使用格式为MMM yyyy的日期时间参数标签制作图表，例如2017年3月。然而，当我尝试以与文档相同的方式进行格式化（甚至尝试example given - MM/d）时，参数轴标签会消失。

以下是我注意到的，尝试各种格式（示例均基于2017年3月10日）：

删除格式正常，但标签显示默认格式
MMM yyyy - 标签消失
M - 月份标签显示正确（例如3）
MM - 标签全部显示＆＃39; 00＆＃39;
MMM - 标签消失
MMMM - 标签消失
y - 标签显示正确的年份（例如2017年）
yy - 标签显示正确（例如17）
yyyy - 标签消失
MMMM y - 标签显示（例如2017年3月）
M y - 标签消失
MM y - 标签消失
MMM y - 标签消失
MMMM-y - 标签消失

我的代码：

HTML：

<div id="spline-chart"></div>

JavaScript的：

$(function($) {
    $("#spline-chart").dxChart({
        series: [{
            argumentField: "Date",
            type: "spline",
            valueField: "Spend",
            name: "Spend"
        }],
        tooltip: {
            enabled: true
        },
        dataSource: {
            store: new DevExpress.data.ArrayStore({
                data: [
                    { Date: "2016-11-25", Spend: 142 },
                    { Date: "2016-12-02", Spend: 562 },
                    { Date: "2016-12-09", Spend: 425 },
                    { Date: "2016-12-16", Spend: 449 },
                    { Date: "2016-12-23", Spend: 239 },
                    { Date: "2016-12-30", Spend: 121 },
                    { Date: "2017-01-06", Spend: 322 },
                    { Date: "2017-01-13", Spend: 427 },
                    { Date: "2017-01-20", Spend: 196 },
                    { Date: "2017-01-27", Spend: 201 },
                    { Date: "2017-02-03", Spend: 256 },
                    { Date: "2017-02-10", Spend: 399 },
                    { Date: "2017-02-17", Spend: 403 },
                    { Date: "2017-02-24", Spend: 432 },
                    { Date: "2017-03-03", Spend: 239 },
                    { Date: "2017-03-10", Spend: 127 },
                    { Date: "2017-03-17", Spend: 508 },
                    { Date: "2017-03-24", Spend: 514 },
                    { Date: "2017-03-31", Spend: 338 },
                    { Date: "2017-04-07", Spend: 184 }
                ]
            })
        },
        argumentAxis: {
            grid: { "visible": true },
            minorGrid: { "visible": true },
            argumentType: "datetime",
            tickInterval: { months: 1 },
            label: {
                format: "MMM yyyy"
            }
        }
    });
});

Here's the codepen link

如何将轴格式化为2017年3月＆＃39;？

如何设置datetime参数标签的格式？

0 个答案: