Question

我有一个高图表，似乎在x轴上显示一天太多。当我将endOnTick设置为true时，会发生这种情况，如果我将endOnTick设置为false，则x轴似乎被错误地对齐（不在中心，就好像有另一个应该在那里的刻度线）。你可以从我的小提琴中看到我使用moment.js设置最小/最大日期，但是startOf（'month'）工作正常，endOf（'month'）应该显示该月的最后一天，不应该？我已经尝试将UTC设置为false，因为你可以在小提琴中看到，但这不起作用。我很抱歉，如果我在这里遗漏了一些明显的东西，但我对Newcharts和moment.js都很陌生，所以请耐心等待我:)任何提示都将不胜感激。

这是我的代码：

$(function () {

    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });

    var myChart = $('#container').highcharts({
            chart: {
                type: 'line'
            },
            title: {
                text: moment().format('MMMM') + ' ' + moment().format('YYYY')
            },
            xAxis: {
                title: {
                    text: 'DATE'
                },
                type: 'datetime',
                endOnTick: true,
                tickInterval: 24 * 3600 * 1000,
                dateTimeLabelFormats: {
                    day: '%e'
                },
                min: moment().startOf('month'),
                max: moment().endOf('month')
            },
            yAxis: {
                title: {
                    text: null
                },
                max: 4,
                min: 1,
                allowDecimals: false,
                tickInterval: 1
            },
            plotOptions: {
                series: {
                    marker: {
                        symbol: 'circle'
                    },
                    animation: false
                }
            },
            series: [{
                data: [
                    [Date.UTC(2017, 6, 25), 3.2],
                    [Date.UTC(2017, 7, 1), 2],
                    [Date.UTC(2017, 7, 5), 1.75],
                    [Date.UTC(2017, 7, 10), 2.4],
                    [Date.UTC(2017, 7, 15), 2.7],
                    [Date.UTC(2017, 7, 23), 2.3],
                    [Date.UTC(2017, 7, 28), 3],
                    [Date.UTC(2017, 7, 31), 2]
                ]
            }, {
                data: [
                    [Date.UTC(2017, 7, 1), 3],
                    [Date.UTC(2017, 7, 5), 2.75],
                    [Date.UTC(2017, 7, 10), 3.2],
                    [Date.UTC(2017, 7, 15), 2.3],
                    [Date.UTC(2017, 7, 23), 3.3],
                    [Date.UTC(2017, 7, 28), 1.5]
                ]
        }],
            legend: {
                enabled: false
            },
            exporting: {
                enabled: false
            },
        })
    }
    )

这里有一个相同代码的小提琴：https://jsfiddle.net/t0eeab8b/1/

提前致谢！

Highcharts：月份似乎已经过了一天

0 个答案: