Google चार्ट्स ट्रेंडलाइन

Question

नहीं दिखा रहा है मेरे पास एक Google चार्ट लाइन चार्ट है जिसे मैं एक ट्रेंडलाइन दिखाना चाहता हूं, लेकिन यह प्रदर्शित नहीं होता है।

डेटा एक डेटाबेस से प्राप्त की है और जावास्क्रिप्ट PHP द्वारा उत्पन्न होता है लेकिन इसके परिणाम स्वरूप जावास्क्रिप्ट इस तरह दिखता है:

<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> 

स्क्रिप्ट मुख्य रूप से गूगल चार्ट उदाहरण से copypaste है। ट्रेंड लाइन दिखाई देने के अलावा, चार्ट ठीक काम करता है। कोई विचार क्यों?

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