売上レポートを表示するためのGoogleライングラフ

売上レポートを表示するためのGoogleライングラフの作成方法、Googleで検索したが、折れ線グラフの1つの解決策が見つかりましたが、2つの項目が必要です1時間当たりの売上のみの折れ線グラフ.2番目の数量を削除してみましたが、エラーが発生しています。予期しないトークン）data.addRowsの終わりに：私は以下errod 捕捉されないでSyntaxErrorを取得しています上記のコードで試したとき、私は以下のコード売上レポートを表示するためのGoogleライングラフ

<html> 
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
<div id="chart_div"></div>  
</html> 
<script> 
google.charts.load('current', {packages: ['linechart', 'line']}); 
google.charts.setOnLoadCallback(drawCurveTypes); 

function drawCurveTypes() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('number', 'X'); 
    data.addColumn('number', 'Dogs'); 

    data.addRows([ 
    [0, 0], [1, 10], [2, 23], [3, 17 ], [4, 18], [5, 9], 
    [6, 11], [7, 27], [8, 33], [9, 40], [10, 32], [11, 35, 
    [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48], 
    [18, 52], [19, 54], [20, 42] 
    ]); 

    var options = { 
    hAxis: { 
     title: 'Time' 
    }, 
    vAxis: { 
     title: 'Popularity' 
    }, 
    series: { 
     1: {curveType: 'function'} 
    } 
    }; 

    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
} 
</script>

てみました。私を助けてください。前もって感謝します。問題がデータである

出典

2017-02-20 naresh kumar

...修正

配列値の1に欠落しているブラケットがある

...

data.addRows([ 
    [0, 0], [1, 10], [2, 23], [3, 17 ], [4, 18], [5, 9], 
    [6, 11], [7, 27], [8, 33], [9, 40], [10, 32], [11, 35, // <-- missing bracket 
    [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48], 
    [18, 52], [19, 54], [20, 42] 
]);

...

data.addRows([ 
    [0, 0], [1, 10], [2, 23], [3, 17 ], [4, 18], [5, 9], 
    [6, 11], [7, 27], [8, 33], [9, 40], [10, 32], [11, 35], // <-- correct 
    [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48], 
    [18, 52], [19, 54], [20, 42] 
]);

次の作業スニペットを参照してください...

google.charts.load('current', {packages: ['corechart']}); 
 
google.charts.setOnLoadCallback(drawCurveTypes); 
 

 
function drawCurveTypes() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('number', 'X'); 
 
    data.addColumn('number', 'Dogs'); 
 

 
    data.addRows([ 
 
    [0, 0], [1, 10], [2, 23], [3, 17 ], [4, 18], [5, 9], 
 
    [6, 11], [7, 27], [8, 33], [9, 40], [10, 32], [11, 35], 
 
    [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48], 
 
    [18, 52], [19, 54], [20, 42] 
 
    ]); 
 

 
    var options = { 
 
    hAxis: { 
 
     title: 'Time' 
 
    }, 
 
    vAxis: { 
 
     title: 'Popularity' 
 
    }, 
 
    series: { 
 
     1: {curveType: 'function'} 
 
    } 
 
    }; 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

注：だけ'corechart'パッケージを必要とする...

google.charts.load('current', {packages: ['corechart']});

出典

2017-02-21 20:02:15 WhiteHat

売上レポートを表示するためのGoogleライングラフ

答えて

関連する問題