Highstock csv日期问题

时间:2015-03-26 20:45:03

标签: javascript highcharts

尝试使用带有highstocks的csv文件,但我的日期格式似乎存在问题。我可以使用没有日期的csv文件,没有使用csv罚款的highstocks的highcharts,以及json文件(javascript格式的日期)。 谁能告诉我我做错了什么?

这是来自csv的样本:

Date,Value
01-05-2014,155
02-06-2014,156
03-11-2014,157

这是代码:

 <script type="text/javascript">
        $(document).ready(function () {

            $.get('my.csv', function (csv) {
                $('#container').highcharts('StockChart', {
                    xAxis: {
                        type: 'datetime'
                    },
                    title: {
                        text: 'Index'
                    },
                    series: [{
                        name: 'Test',
                        data: csv
                    }]
                });

            });

        });
    </script>
</head>

<body>
        <script src="../../js/highstock.js"></script>
        <script src="../../js/modules/exporting.js"></script>

        <div id="container"></div>
</body>

1 个答案:

答案 0 :(得分:1)

为了直接使用CSV文件,您需要使用数据模块。

<script src="http://code.highcharts.com/modules/data.js"></script>

然后定义系列,然后将数据传递给图表:

data: {
   csv: document.getElementById('data.csv').innerHTML 
}

看一下这个例子:

http://jsfiddle.net/9y9kzynz/1/

您现在的方式是,您需要从ajax调用中加载JSON对象,为您提供更多类似的内容:

http://jsfiddle.net/9y9kzynz/