Javascript highstock.js图表绘制有点不对劲

我使用Highstock.js来表示图表。问题是，绘图显示的值很少位于x轴上实际日期的右侧。图例中的日期与x轴上的日期匹配。但放大时，绘图有点偏右

请检查小提琴

---

这似乎是一个时间问题，但时间已经过去了

例如：6月13日的AMZ指数系列——你的时间戳是1371097800000。 转换为2013年6月13日星期四00:30:00 GMT-0400（东部标准时间）

滴答声设置为午夜，数据点值为半小时后

如果您想让点完全匹配，请确保时间戳设置为午夜

您还可以将useUTC设置为false以避免时区问题。

---

这是一个时间间隔的问题

例如：6月13日的AMZ指数系列——你的时间戳是1371097800000。 转换为2013年6月13日星期四00:30:00 GMT-0400（东部标准时间）

滴答声设置为午夜，数据点值为半小时后

如果您想让点完全匹配，请确保时间戳设置为午夜

您还可以将useUTC设置为false以避免时区问题。

---

您可以添加样本数据吗？另外，请检查是否可以添加样本数据？还有，检查一下

$('#container').highcharts('StockChart', {
        chart: {
            //type: 'area',
        },
        title: {
            text: "Weekly Managed Product Fund Flows",
            margin:50
        },
        rangeSelector: {
            selected: 0,
            align: "left",
            buttons: [
                    {
                        type: 'month',
                        count: 1,
                        text: '1m'},
                     {
                        type: 'month',
                        count: 3,
                        text: '3m'},
                     {
                        type: 'month',
                        count: 6,
                        text: '6m'},
                    ]
        },
        navigator: {
            height: 10
        },
        xAxis: {  
             type:'datetime',
             maxZoom: 24 * 3600000,
             alignTicks : false
        },
        yAxis:[{ 
            title: {
                text: 'Flow US$ mill'
            }
        }, { 
            title: {
                text: 'AMZ'
            },
             labels: {
                format: '{value}'
            },
            opposite: true
        }],
        exporting: {
                enabled: false
        },
        credits: {
                enabled: false
        },
        legend: {
            align: "top",
            layout: "horizontal",
            enabled: true,
            verticalAlign: "middle",
            x:250,
            y:-150
            /*labelFormatter: function() {
                return this.name + ' (T)';
            }*/

        },
       plotOptions:{
            series:{
                     stacking: 'normal'
            },
            line:{
                marker: {
                    symbol:"circle",
                    enabled: true
                }
           }
        },
        series: [/*{
            type: 'area',
            name: 'Total Flows',
            data: all,
            tooltip: {
            valuePrefix: '$',
            valueDecimals: 2
            }
        },*/{
            type: 'area',
            name: 'Mutual Fund Flows',
            data: mf,
            tooltip: {
            valuePrefix: '$',
            valueDecimals: 2
            }
        }, {
            type: 'area',
            name: 'ETF Flows',
            data: etf,
            tooltip: {
            valuePrefix: '$',
            valueDecimals: 2
            }
        },
        {
            type: 'line',
            name:'Alerian AMZ Index',
            yAxis: 1,
            data: AMZ_YTD,
            tooltip: {
            valueDecimals: 2
            }
        }]
    });