【发布时间】:2019-08-19 16:28:16
【问题描述】:
我正在尝试从 CSV 文件中绘制 Highcharts 数据。 虽然我可以绘制图表,但问题是图表跳过了第一行的值。
这是我尝试过的代码:
<script type="text/javascript">
$.get('abc.csv', function(data) {
var lines = data.split('\n');
console.log(lines);
var ecg=[];
$.each(lines, function(lineNo, lineContent){
if(lineNo > 0)
{
ecg[lineNo-1] = lineContent.split(',')[1];
}
});
var ecgData=[];
$.each(lines, function(lineNo, lineContent){
if(lineNo > 0)
{
ecgData[lineNo-1] =
parseFloat(lineContent.substring(lineContent.lastIndexOf(",")) );
}
});
console.log(ecg);
console.log(ecgData);
Highcharts.chart('container', {
chart: {
type: 'line'
},
title: {
text: 'ECG Data'
},
subtitle: {
text: ''
},
xAxis: {
categories: ecg,
crosshair: false
},
yAxis: {
// min: 0,
title: {
text: 'ECG Peaks'
}
},
tooltip: {
enable: false
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: '',
data: ecgData
} ]
});
});
</script>
CSV 文件包含以下数据:
1
4
3
9
3
4
4
6
4
5
3
4
3
3
1
3
2
3
2
3
4
4
3
3
4
虽然我从 highcharts 中得到了预期的图表,
但问题是我的图表中缺少第一点1。图表直接从4 开始。这是我的第二个数据。
我希望我的问题很清楚。任何帮助表示赞赏。谢谢
【问题讨论】:
标签: javascript csv highcharts