다양한 데이터 포인트가있는 Google 선형 차트

각 라인의 데이터 포인트 수가 다른 Google 라인 차트를 그려야합니다. 즉, x 축에 10 개의 값이있는 경우 일부 선은 4 또는 5 또는 모든 점의 데이터 만 가질 수 있습니다. 여기이 질문에 대한 답을 발견 다양한 데이터 포인트가있는 Google 선형 차트

How to create Google Chart with lines (series) of different lengths?

이

나를 위해 작동하지 않았다. 나는 밑줄과 밑줄을 모두 시도했다. . 또한 나는 HTML을 열 때, 사이트가 일반 남아있는 밑줄 (들)의 주위에 '추가 "를하려고 여기 내 코드입니다.?

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'point'); 
     data.addColumn('number', 'line1'); 
     data.addColumn('number', 'line2'); 
     data.addColumn('number', 'line3'); 
     data.addColumn('number', 'line4'); 
     data.addColumn('number', 'line5'); 
     data.addRows([ 
      ['0', 5, 6, 10, 8,_], 
      ['1', 5, 6, 10, 8, 10]]); 
     var options = { 
      title: 'Test' 
     }; 

     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html>

누구든지 해결책을 알고

출처

2012-02-28 x squared

나는 생각한다 이 페이지에 대한 답변입니다 Data Formats
JS는 변수라고 생각하기 때문에 데이터 배열에서 _을 사용할 수 없습니다 _는 누락 된 값의 인코딩 된 값이므로 변환해야합니다. 모든 데이터를 인코딩 된 문자열로 변환하여 누락 된 값을 얻습니다. 링크 된 페이지의 끝에는이 인코딩을 구현하는 기능이있는 것으로 보입니다

'인라인'방법 대신 데이터를 이와 같이 설정할 수 있으므로 인코딩 된 값을 사용할 필요가 없습니다.

<html> 
<head> 
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'point'); 
    data.addColumn('number', 'line1'); 
    data.addColumn('number', 'line2'); 
    data.addColumn('number', 'line3'); 
    data.addColumn('number', 'line4'); 
    data.addColumn('number', 'line5'); 

    data.addRows(3); 
    data.setValue(0, 0, '2004'); 
    data.setValue(0, 1, 1000); 
    data.setValue(0, 2, 400); 
    data.setValue(0, 3, 500); 
    data.setValue(1, 0, '2005'); 
    data.setValue(1, 1, 1000); 
    data.setValue(1, 2, 400); 
    data.setValue(1, 3, 500); 
    data.setValue(2, 0, '2006'); 
    data.setValue(2, 1, 1000); 
    data.setValue(2, 2, 400); 


    var options = { 
     title: 'Test' 
    }; 

    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
    } 
</script> 
</head> 
<body> 
<div id="chart_div" style="width: 900px; height: 500px;"></div> 
</body> 
</html>

출처

2012-02-28 11:46:23 florian

빠른 응답을 보내 주셔서 감사합니다. :) –

다양한 데이터 포인트가있는 Google 선형 차트

답변

관련 문제