私のチャートに何が問題なのですか？私は赤い矢印で示されているように、Googleのチャートのapi

を使用しています。それはなぜ私が使用しているJavaScriptの-25行目を私のチャートに何が問題なのですか？私は赤い矢印で示されているように、Googleのチャートのapi

のように表示していますか？

<!DOCTYPE html> 
 
<html> 
 
<head> <meta http-equiv="refresh" content="30" /> 
 
    <title>Analytics of Payment Service</title> 
 
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
 
    <script type="text/javascript"> 
 
     google.load("visualization", "1", { 
 
    packages: ["corechart", "bar"] 
 
}); 
 
google.setOnLoadCallback(function(){ 
 
    drawChart2() 
 
}) 
 

 

 

 
function drawChart2() { 
 

 

 
var listOfDataCC =$!{dataForCCInvoice} 
 

 
    var outputArrayForInvoiceAndCredit = new Array(); 
 
// header 
 
var headerArray1 = ['Day', 'cc', 'In']; 
 
outputArrayForInvoiceAndCredit.push(headerArray1); 
 
for (var i = 0; i < listOfDataCC.length; i++){ 
 
    var obj1 = listOfDataCC[i]; 
 
    var innerArray = new Array(); 
 
    innerArray[0] = obj1.date; 
 
    innerArray[1] = obj1.CCount; 
 
    innerArray[2] = obj1.inCount; 
 
    outputArrayForInvoiceAndCredit.push(innerArray); 
 
} 
 

 

 
    var data2 = google.visualization.arrayToDataTable(outputArrayForInvoiceAndCredit); 
 

 
    var options2 = { 
 
    title: 'CC/In Details', 
 
    curveType: 'function', 
 
    legend: { 
 
     position: 'bottom' 
 
    } 
 
    }; 
 

 
    var chart2 = new google.visualization.LineChart(document.getElementById('cc/in')); 
 

 
    chart2.draw(data2, options2); 
 
} 
 

 
</script> 
 

 
</head> 
 
<body> 
 

 
<div id="cc/in" style="width: 900px; height: 500px"></div> 
 

 
</body> 
 
</html>

$の値！{dataForCCInvoice}はJSON形式の値です。 json値はです。

[ 
    { 
    "date": "15-APR-16", 
    "CCount": 38, 
    "inCount": 18 
}, 
{ 
    "date": "16-APR-16", 
    "CCount": 9, 
    "inCount": 14 
}, 
{ 
    "date": "17-APR-16", 
    "CCount": 9, 
    "inCount": 3 
}, 
{ 
    "date": "18-APR-16", 
    "CCount": 52, 
    "inCount": 44 
}, 
{ 
    "date": "19-APR-16", 
    "CCount": 59, 
    "inCount": 44 
}, 
{ 
    "date": "20-APR-16", 
    "CCount": 9, 
    "inCount": 7 
    } 
]

ここでは何が欠けていますか？時には、その細かい作業が、その-25行がこの問題を解決するには

出典

2016-04-20 suraha

を表示されて、なぜ、あなたはあなたのオプションに以下を追加することができます知らない：

vAxis: {viewWindow: {min: 0}}

だから、それは次のようになります。

var options2 = { 
    title: 'CC/In Details', 
    curveType: 'function', 
    legend: { 
     position: 'bottom' 
    }, 
    vAxis: { 
     viewWindow: { 
      min: 0 
     } 
    } 
};

を

なぜ私は最初の場所に-25行を表示するのか分かりません。私はチャートが負の値を表示するのに十分低いinCountの3の値によると思います。

出典

2016-04-20 09:01:56

私のチャートに何が問題なのですか？私は赤い矢印で示されているように、Googleのチャートのapi

答えて

関連する問題