2014-10-09 87 views
0

您可以在此fiddle如何在谷歌圖表中顯示較大值的小值?

看到在2004年我有1000個值,而在其他年份我有大的值,因此在規模圖表似乎並不能夠渲染,什麼都可以我確實要顯示這些值。我在讀this。有沒有辦法在谷歌圖表中做這樣的事情?

下面是代碼

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 
function drawChart() { 

    var data = google.visualization.arrayToDataTable([ 
    ['Year', 'Sales', 'Expenses'], 
    ['2004', 1000,  1000], 
    ['2005', 1170000,  460000], 
    ['2006', 660000,  1120000], 
    ['2007', 1030000,  540000] 
    ]); 

    var options = { 
    title: 'Company Performance', 
    hAxis: {title: 'Year', titleTextStyle: {color: 'red'}} 
    }; 

    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 

    chart.draw(data, options); 

} 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html> 

圖表

enter image description here

+0

有一個logScale選項,但仍然也不會轉回去工作,爲價值1 – juvian 2014-10-09 18:01:23

+0

@juvian我將值更改爲1000,並將3個零添加到其他數字,可以評論你的想法 – 2014-10-10 12:41:12

+1

'vAxis:{title:'Year',titleTextStyle:{color:'red'},logScale:true}' – juvian 2014-10-10 15:30:48

回答

3

谷歌Chart's軸有一個選項來設置規模,對數,這更符合了最低和最高之間的巨大差異值。請注意,所有值必須爲正,如果數據值爲1,則不會顯示對數刻度從1開始或更高。要改變它,使用:

vAxis: {title: 'Year', titleTextStyle: {color: 'red'}, logScale:true} 

您可以在配置選項部分中的文檔:

Google Chart Configuration Options