【问题标题】:HighChart Skipping the first point : Highcharts, JavascriptHighChart 跳过第一点:Highcharts, Javascript
【发布时间】: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


    【解决方案1】:

    不言自明。注意等于或大于 0 运算符

    $.each(lines, function(lineNo, lineContent){
    if(lineNo >= 0)
    {
        ecg[lineNo-1] = lineContent.split(',')[1];
        }
    });
    

    【讨论】:

    • 没有任何变化,它仍然显示相同的结果。
    猜你喜欢
    • 1970-01-01
    • 2023-03-24
    • 2019-02-14
    • 1970-01-01
    • 2014-06-07
    • 2013-08-17
    • 1970-01-01
    • 2013-03-08
    • 1970-01-01
    相关资源
    最近更新 更多