2016-08-14 40 views
2

我正在使用列谷歌圖表。我需要改變在下圖中突出顯示爲紅色圓圈的列鍵的方向。從谷歌圖表刪除列鍵

My google charts link

所以我想實現

  1. 什麼有什麼屬性,以便我可以改變像頂部,底部或左側的方向,因此正常顯示(收入)截至目前它顯示(R ...)。

  2. 如果方向不能改變,那我怎麼才能從圖表中刪除此

回答

3

你需要的是被稱爲chartArea

的屬性,您可以從頂部控制多少面積,右,底部或左側顯示。
此處的圖表區域僅爲圖表的區域,不包括標籤,圖例或圖表本身以外的任何其他值。您可以減少圖表區域,以便標籤/圖例可以完全顯示。

chartArea: { 
    height: '500', 
    left: 0, 
    right: 0, 
    top: 30, 
    bottom: 0 
}, 

關於傳說中的定位,可以使用

legend: { 
       position: 'left' 
      } 

要刪除的傳說換地方了傳說中一共使用

legend:{position: 'none'} 




見下面摘錄或本JSFIDDLE來看看它怎麼運作。

google.charts.load('current', { 
 
    'packages': ['corechart'] 
 
}); 
 
google.charts.setOnLoadCallback(drawChart); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Submitter', 'Count'], 
 
    ['Service', 168], 
 
    ['NAME 1', 42], 
 
    ['NAME 2', 36], 
 
    ['NAME 3', 35], 
 
    ['NAME 4', 34], 
 
    ['NAME 5', 30], 
 
    ['NAME 6', 24], 
 
    ['NAME 7', 21], 
 
    ['NAME 8', 18] 
 
    ]); 
 
    var options = { 
 
    pieSliceText: 'percentage', 
 
    legend: { 
 
     position: 'none' 
 
    }, 
 
    height: '500', 
 
    chartArea: { 
 
     height: '500', 
 
     left: 0, 
 
     right: 0, 
 
     top: 30, 
 
     bottom: 0 
 
    }, 
 
    }; 
 
    var chart = new google.visualization.PieChart(document.getElementById('chart6_div')); 
 
    chart.draw(data, options); 
 
}
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart6_div"></div>

+0

這個答案的作品,這裏是[另一個例子(http://stackoverflow.com/a/372​​75107/5090771) – WhiteHat