Javascript Highstock图表未正确显示日期_Javascript_Php_Jquery_Highstock

Javascript Highstock图表未正确显示日期

javascript php jquery

Javascript Highstock图表未正确显示日期,javascript,php,jquery,highstock,Javascript,Php,Jquery,Highstock,我试图用CSV文件上的数据呈现图表，但是，当我打开图表时，数据并不是我想要的位置。我在这里读了很多类似的帖子，但是当我看到一些答案中提供的例子时，链接就断了。我怎样才能解决这个问题我的图表位于此处： My index.php如下所示： <?php header('Access-Control-Allow-Origin: *'); ?> <!DOCTYPE HTML> <html> <head> <meta http-equiv="C

我试图用CSV文件上的数据呈现图表，但是，当我打开图表时，数据并不是我想要的位置。我在这里读了很多类似的帖子，但是当我看到一些答案中提供的例子时，链接就断了。我怎样才能解决这个问题

我的图表位于此处：

My index.php如下所示：

<?php header('Access-Control-Allow-Origin: *'); ?>
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>ITS Dashboard Test Chart</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {

        var options = {
            chart: {
                renderTo: 'container',
            },
            title: {
                text: 'Another Chart'
            },
            xAxis: {
                categories: []
            },
            yAxis: {
                title: {
                    text: 'Units'
                }
            },
            rangeSelector : {
                                selected : 1
                            },
            series: []
        };

        $.get('table.csv', function(data) {
            // Split the lines
            var lines = data.split('\n');

            // Iterate over the lines and add categories or series
            $.each(lines, function(lineNo, line) {
                var items = line.split(',');

                // header line containes categories
                if (lineNo == 0) {
                    $.each(items, function(itemNo, item) {
                        if (itemNo > 0) options.xAxis.categories.push(item);
                    });
                }

                // the rest of the lines contain data with their name in the first 
                // position
                else {
                    var series = {
                        data: []
                    };
                    $.each(items, function(itemNo, item) {
                        if (itemNo == 0) {
                            series.name = item;
                        } else {
                            series.data.push(parseFloat(item));
                        }
                    });

                    options.series.push(series);

                }

            });

            // Create the chart
            var chart = new Highcharts.StockChart(options);
        }); 

    });

    </script>
    <script src="http://code.highcharts.com/stock/highstock.js"></script>
    <script src="http://code.highcharts.com/stock/modules/exporting.js"></script>


</head>
<body>
    <div id="container" style="height: 500px; min-width: 500px"></div>
</body>
</html>

Date,Open Tickets,Closed Tickets,Calls
2013-12-01,01,02,04
2013-11-01,06,07,09
2013-10-01,11,08,06
2013-09-01,16,09,10

您是否介意将图表的相关部分复制到您的问题中，例如HTML和JavaScript的适当部分？我们喜欢“自足”的问题，因为一旦你在那个链接上修复了页面，这个问题对未来的读者来说就没有意义了。谢谢哦，对不起，让我尽快把它修好！让我们知道图表应该是什么样子，告诉我们数据位置有什么问题。我试图显示我每天接到多少电话，打开和关闭的票证。由于某些原因，信息显示在不同的地方，我无法在时间线中正确显示日期。有人知道吗？