Googleグラフのトレンドラインが表示されない

Question

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

データは、データベースからフェッチされ、ジャバスクリプトは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のチャートの例からコピー - ペーストです。トレンドラインが表示されないことを除いて、チャートは正常に機能します。なぜどんなアイデア？

Answer 1

トレンドラインを使用するには、継続的なドメイン軸（「数字」、「日付」、「日時」、または「時間枠」タイプ）が必要です。最初の列を「文字列」タイプに設定し（文字列を入力する）、トレンドラインを無効にします。 「番号」型の列に切り替え、そしてトレンドラインは動作します：

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] 
]);