谷歌圖表計

Question

大多數圖表規似乎只支持0.1

起始值（分鐘）我們有必要對初始值是最大和最終值是分鐘，使針刷爆爲最低價值。

例如 想想計爲前20名開發商排名低於你的例子中被評爲3號。

google.setOnLoadCallback(drawChart); 
 

 
function drawChart() { 
 

 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Label', 'Value'], 
 
    ['Rank', 20 - 3] 
 
    ]); 
 
    var options = { 
 
    width: 250, 
 
    height: 250, 
 
    redFrom: 0, 
 
    redTo: 10, 
 
    yellowFrom: 10, 
 
    yellowTo: 15, 
 
    greenFrom: 15, 
 
    greenTo: 20, 
 
    minorTicks: 20, 
 
    max: 20, 
 
    min: 0, 
 
    majorTicks: ['20', '1'] 
 
    }; 
 

 
    var chart = new google.visualization.Gauge(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 

 
}

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['gauge']}]}"></script> 
 

 
<div id="chart_div" style="width: 400px; height: 400px;"></div>

但問題是，因爲計真的不支持此我還挺其砍死以他們想要的方式工作。除了1件事外，一切都很好。你會注意到值在底部說17，因爲這個技巧的：

['Rank', 20-3] 

我可以寫一行的jQuery來替換SVG結果這個價值？

任何幫助，將不勝感激。

Answer 1

更改選項和數據：

google.setOnLoadCallback(drawChart); 

function drawChart() { 

var data = google.visualization.arrayToDataTable([ 
['Label', 'Value'], 
['Rank', 3] 
]); 

var options = { 
width: 250, 
height: 250, 
redFrom: 20, 
redTo: 10, 
yellowFrom: 10, 
yellowTo: 5, 
greenFrom: 5, 
greenTo: 0, 
minorTicks: 20, 
max: 0, 
min: 20, 
majorTicks: ['20', '1'] 
    }; 

var chart = new google.visualization.Gauge(document.getElementById('chart_div')); 
chart.draw(data, options); 

} 

https://jsfiddle.net/mblenton/xasppevj/