10

トレンドラインを表示したい Google チャートの折れ線グラフがありますが、表示されません。

データはデータベースから取得され、javascript は PHP によって生成されますが、結果の javascript は次のようになります。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

// Callback that creates and populates a data table, 
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
    var dataS = new google.visualization.DataTable();
    dataS.addColumn('string', 'Dag');
    dataS.addColumn('number', 'Poäng');
    dataS.addRows([
        ['1', 32],
        ['2', 37],
        ['3', 37],
        ['4', 40],
        ['5', 31],
        ['6', 38],
        ['7', 28],
        ['8', 34],
        ['9', 41],
        ['10', 41],
    ]);

    var optionsS = {
      title: '',
      legend: 'none',
      hAxis: {title: 'Serie'},
      vAxis: {title: 'Poäng'},
      pointSize: 4,
      trendlines: { 0: {} }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.LineChart(document.getElementById('chart_div_series'));
    chart.draw(dataS, optionsS);
}
</script>

スクリプトは主に Google チャートの例からのコピーペーストです。トレンド ラインが表示されないことを除けば、チャートは正常に機能します。理由はありますか？

4

1 に答える 1

24

トレンドラインを使用するには、連続したドメイン軸 (タイプ「number」、「date」、「datetime」、または「timeofday」) が必要です。最初の列を「文字列」タイプに設定 (および文字列を入力) することで、トレンドラインを無効にします。「数値」タイプの列に切り替えると、傾向線が機能します。

var dataS = new google.visualization.DataTable();
dataS.addColumn('number', 'Dag');
dataS.addColumn('number', 'Poäng');
dataS.addRows([
    [1, 32],
    [2, 37],
    [3, 37],
    [4, 40],
    [5, 31],
    [6, 38],
    [7, 28],
    [8, 34],
    [9, 41],
    [10, 41]
]);
于 2013-10-28T20:43:41.733 に答える