2
我正在使用列谷歌圖表。我需要改變在下圖中突出顯示爲紅色圓圈的列鍵的方向。從谷歌圖表刪除列鍵
所以我想實現
什麼有什麼屬性,以便我可以改變像頂部,底部或左側的方向,因此正常顯示(收入)截至目前它顯示(R ...)。
如果方向不能改變,那我怎麼才能從圖表中刪除此
我正在使用列谷歌圖表。我需要改變在下圖中突出顯示爲紅色圓圈的列鍵的方向。從谷歌圖表刪除列鍵
所以我想實現
什麼有什麼屬性,以便我可以改變像頂部,底部或左側的方向,因此正常顯示(收入)截至目前它顯示(R ...)。
如果方向不能改變,那我怎麼才能從圖表中刪除此
你需要的是被稱爲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>
這個答案的作品,這裏是[另一個例子(http://stackoverflow.com/a/37275107/5090771) – WhiteHat