Highcharts JS로 막대 그래프를 만들려고하는데 바가 그래프에 그려지지 않습니까?

이것은 내 ccv 파일이 여러 행과 열을 가지고 있지만 많은 행과 열이있는 파일에는 적합하지 않습니다. 코딩 여기Highcharts JS로 막대 그래프를 만들려고하는데 바가 그래프에 그려지지 않습니까?

 
Date Time Tcoll Tstor TglyHXin TglyHXout TH2OHXout Tcold  Thot 
01/01/2013 0:00:54 103.34 103.32 26.94 23.06 32.31 13.81 40.06 46.06 
01/01/2013 0:01:55 103.29 103.3 26.94 23.06 32.31 13.81 40.06 46 
01/01/2013 0:02:55 103.29 103.33 26.95 23.06 32.31 13.81 40.06 46 
01/01/2013 0:03:55 103.29 103.03 26.94 23.06 32.31 13.81 40.06 46.05 
01/01/2013 0:04:55 103.34 103.27 26.94 23.06 32.31 13.81 40.06 46.02 
01/01/2013 0:05:55 103.39 103.33 26.94 23.06 32.31 13.81 40.04 45.99 
01/01/2013 0:06:55 103.3 103.01 26.94 23.06 32.31 13.81 40.05 45.94 
01/01/2013 0:07:55 103.42 103.17 26.94 23.06 32.31 13.81 40.06 45.89 
01/01/2013 0:08:55 103.37 103.16 26.94 23.06 32.31 13.8 40.03 45.88 
01/01/2013 0:09:55 103.34 103.28 26.94 23.06 32.31 13.8 40.01 45.88

됩니다 :

var options = { 
    chart: { 
     renderTo: 'container', 
     defaultSeriesType: 'column' 
    }, 
    title: { 
     text: 'January Analysis' 
    }, 
    xAxis: { 
     categories: [] 
    }, 
    yAxis: { 
     title: { 
      text: 'Temperature' 
     } 
    }, 
    series: [] 
}; 

$.get('WEL_log_2013_01.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.Chart(options); 
}); 
</script>

희망 내 질문 특정 오전하지 않습니다이 시간

이

내가 그래프를 생성 할 파일의 일부입니다 빼기 점수를 받고 닫히십시오.

감사합니다.

출처

2013-05-24 user2413421

문제는 ave inncorect parser를 CSV에 추가하려면 항목이 쉼표로 구분되거나 구문 분석기를 수정하는 CSV를 생성해야합니다. 즉,이 줄에 :

$.each(lines, function(lineNo, line) { 
    var items = line.split(',');

쉼표로 구분하여 모든 항목을 추출하려고 시도합니다. "공백"으로 바꿔야합니다 :

var items = line.split(' ');

CSV에있는 것과 같습니다. 당신이 "Date Time Tcoll Tstor TglyHXin TglyHXout TH2OHXout Tcold Tho"푸시하려고하면이 값을 범주에 넣지 만, 첫 번째 열의 날짜가 필요하다고 가정합니다. 결과는 같아야

$.each(lines, function(lineNo, line) { 
    var items = line.split(' '); 

    // header line containes categories 
    if (lineNo > 0) { 
     var series = { 
      data: [] 
     }; 

       options.xAxis.categories.push(item[0]); 
       series.data.push(parseFloat(item[2])); 

     options.series.push(series); 

    } 

});

이 series.data.push(parseFloat(item[2])) 라인에서는 Y 값이어야하는 열을 정의. 예를 들어 세 번째 열을 선택합니다.

출처

2013-05-24 15:19:08

답장을 보내 주셔서 감사합니다.하지만 여전히 작동하지 않습니다. – user2413421

CSV가 정말 까다 롭다고 생각합니다. – user2413421

Highcharts JS로 막대 그래프를 만들려고하는데 바가 그래프에 그려지지 않습니까?

답변

관련 문제