如果Google零折線圖只有零和正值，那麼Google折線圖將變爲負值

我使用Google圖表構建圖表。這裏是我的代碼：如果Google零折線圖只有零和正值，那麼Google折線圖將變爲負值

var array = [["Day", "Value"], ["15", 0], ["16", 0], ["17", 0], ["18", 0], ["19", 0], ["20", 0], ["21", 7], ["22", 0], ["23", 0], ["24", 0], ["25", 0]];

值數組只有零和正值

這說明只有正值

var data = google.visualization.arrayToDataTable(array); 
var options = { 
    curveType: 'function', 
    legend: {position: 'bottom'}, 
    vAxis: {viewWindowMode: "explicit", viewWindow: {min: 0}, minValue: 0, maxValue: 4}, 
}; 
var chart = new google.visualization.LineChart(document.getElementById('chart')); 
chart.draw(data, options);

這表明正值和負值

var data = google.visualization.arrayToDataTable(array); 
var options = { 
    curveType: 'function', 
    legend: {position: 'bottom'}, 
    vAxis: {viewWindowMode: "explicit", minValue: 0, maxValue: 4}, 
}; 
var chart = new google.visualization.LineChart(document.getElementById('chart')); 
chart.draw(data, options);

That is how graph looks like. Line goes to negative values

If only positive values shown the line breaks

如何僅在圖上顯示正值？沒有換行

來源

2017-09-26 Bogdan Popov

，必須改變負值的東西，對零例如 – Redair

@Redair但我沒有負值。我不知道他們爲什麼出現在這裏 –

如果使用curveType：'function'，則它是aproximate值。只要評論或刪除此行：如果你想顯示沒有斷行值

<html> 
    <head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
     google.charts.load('current', {'packages':['corechart']}); 
     google.charts.setOnLoadCallback(drawChart); 



     function drawChart() { 
     var data = google.visualization.arrayToDataTable([["Day", "Value"], ["15", 0], ["16", 0], ["17", 0], ["18", 0], ["19", 0], ["20", 0], ["21", 7], ["22", 0], ["23", 0], ["24", 0], ["25", 0]]); 

     var options = { 
      title: 'Company Performance', 
      //curveType: 'function', 
      legend: { position: 'bottom' } 
     }; 

     var chart = new google.visualization.LineChart(document.getElementById('curve_chart')); 

     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="curve_chart" style="width: 900px; height: 500px"></div> 
    </body> 
</html>

來源

2017-09-26 09:43:53 Redair

這個解決方案很好，但現在圖表上的線條不再流暢。也許還有另一種保持線條曲線的變體？ –

如果Google零折線圖只有零和正值，那麼Google折線圖將變爲負值

回答

相關問題