Получите Plotly.js, чтобы показать значения отметок оси с правильным и отформатированным значением

Question

Я хотел бы создать граф столбцов, в котором значения галочек xaxis являются конкретными значениями дат, и хотел бы, чтобы они отображались в виде форматированных строк дат.

• Если я установлю "xaxis": { "type: "", "tickformat": "%b %d, %Y"}, тогдаТиковые значения xaxis корректно отформатированы, но отображаются не все тиковые значения, и даже они не являются точными значениями данных.
• Если я установил "xaxis": { "nticks": 15}, он показывает больше значений, но они все еще не совпадают с фактическими значениями столбца на несколько дней(например, 2019-02-22 отображается как «24 февраля 2019 года»)
• Если я установлю "xaxis": { "type: "category", "tickformat": "%b %d, %Y"}, то все значения тиков xaxis будут отображаться с правильными значениями, но они не отформатированы

Можно ли показать все действительные значения xaxis, а также отобразить их в формате?

CodePen: https://codepen.io/proto/pen/NEKQBo

var chart = {
    data: [
        {
            x: [
                "2019-03-15",
                "2019-03-08",
                "2019-03-01",
                "2019-02-22",
                "2019-02-15",
                "2019-02-08",
                "2019-02-01",
                "2019-01-25",
                "2019-01-18",
                "2019-01-11",
                "2019-01-04",
                "2018-12-28",
                "2018-12-21"
            ],
            y: [
                522,
                544,
                642,
                597,
                568,
                638,
                473,
                461,
                590,
                536,
                532,
                470,
                508
            ],
            series: false,
            name: "TRX",
            dataType: "real",
            type: "bar"
        }
    ],
    layout: {

        barmode: "",
        xaxis: {
            title: { text: "Week ending", font: { family: "", size: "", color: "" } },
            autorange: true,
            tickformat: "%b %d, %Y",
            tickangle: 270,
            type: "",
            tickmode: ""
        },
        yaxis: {
            title: "",
            autorange: true,
            range: [0, 6763.1394854344835],
            ntick: 10,
            type: "linear"
        },
        legend: { orientation: "h", yanchor: "bottom", xanchor: "right", x: 1, y: 1 },
        margin: { t: 20, b: 150, l: 100, r: 20 },
        fields: {
            WEEK: { x: true, y: false, series: false, name: "WEEK", dataType: "date" },
            TRX: { x: false, y: true, series: false, name: "TRX", dataType: "real" },
            NRX: { x: false, y: false, series: false, name: "NRX", dataType: "real" }
        },
        type: "col",
        layout: { barmode: "" },
        width: 540,
        height: 370
    },
    config: {
        displayModeBar: false,
        sehowSendToCloud: false,
        modeBarButtonsToRemove: ["sendDataToCloud", "hoverCompareCartesian"]
    }
};

https://codepen.io/proto/pen/NEKQBo