Google LineChart不顯示單個值

我解析CSV文本文件並使用多個Google折線圖by a perl script生成HTML文件。Google LineChart不顯示單個值

這種運作良好，除情況下，當我剛剛的數據還一個勁兒地一個值：

enter image description here

不顯示的27.4的值。

我的網頁的代碼如下，只需在瀏覽器中打開它，你會看到這個問題：

<!DOCTYPE HTML> 
<html> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script> 
<script type="text/javascript"> 

     var data = {"L_B8_MAXPWRCAL_CI0":{ 
        "rows":[ 
{"c":[{"v":"MEASUREMENT"},{"v":27.4},{"v":23},{"v":40}]}], 

        "cols":[ 
{"p":{"role":"domain"},"label":"MEASUREMENT","type":"string"}, 
{"p":{"role":"data"},"label":"1142926087","type":"number"}, 
{"p":{"role":"interval"},"label":"LSL","type":"number"}, 
{"p":{"role":"interval"},"label":"USL","type":"number"}]}}; 

     function drawCharts() { 
       for (var csv in data) { 
         var x = new google.visualization.DataTable(data[csv]); 

         var options = { 
           title: csv, 
           width: 800, 
           height: 600 
         }; 

         var chart = new google.visualization.LineChart(document.getElementById(csv)); 
         chart.draw(x, options); 
       } 
     } 

     $(function() { 
       google.setOnLoadCallback(drawCharts); 
     }); 

</script> 
</head> 
<body> 
<div id="L_B8_MAXPWRCAL_CI0"></div> 
<hr> 
</body> 
</html>

有誰請知道，在這裏做什麼？

我想要一個點或水手。將顯示爲27.4

是否有可能有一個選項Line Chart強制執行？

或者我應該在這裏使用其他類型的圖表嗎？我試過散點圖，但它似乎想要2個數據值。

來源

2013-06-03 Alexander Farber

您可以使用pointSize。測試行部分是否只包含1個元素，如果是，則顯示一個點。在您的代碼：

var pointSize = (data[csv].rows.length==1) ? 10 : 0; 
var options = { 
    title: csv, 
    pointSize: pointSize, 
    width: 800, 
    height: 600 
};

結果：

enter image description here

來源

2013-06-03 12:56:00 davidkonrad

Google LineChart不顯示單個值

回答

相關問題