Highstock csv 日期问题
Highstock csv date issue
尝试使用 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>
为了直接使用 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 对象,给你更像这样的东西:
尝试使用 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>
为了直接使用 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 对象,给你更像这样的东西: