1

我使用谷歌的圖表,我想,以示對小片圓形切片文字不旋轉餅圖(圖不應該被旋轉)。谷歌餅圖顯示切片文本之外的小片

是否有可能以顯示餡餅只爲小片(類似於如在下面的圖像示出在MS Excel圖表)的外部圓形切片文本,剩餘應顯示切片自身內的切片文本。 enter image description here

感謝提前:)

+1

沒有標準選項此... – WhiteHat

+0

@WhiteHat感謝您的答覆..我們可以編寫的任何附加組件?任何提示? – Ragul

+1

當然,等待''ready''事件觸發,使用方法找到切片放置 - >'chart.getChartLayoutInterface()。getBoundingBox('slice#0')' - 用給定的座標用線繪製文本框 - 您需要在'chartArea'中留出空間以允許額外的繪製 - 但是如果您計劃使用'getImageURI'方法 - 則更改很可能不會在那裏表示... – WhiteHat

回答

0

您正在尋找這樣的:fiddler Here

使用legend屬性legend: {position: 'labeled'}

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

    function drawChart() { 

    var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['Work',  11], 
     ['Eat',  2], 
     ['Commute', 2], 
     ['Watch TV', 2], 
     ['Sleep', 7] 
    ]); 

    var options = { 
     title: 'Activities', 
     legend: {position: 'labeled'} 
    }; 

    var chart = new google.visualization.PieChart(document.getElementById('piechart')); 

    chart.draw(data, options); 
    } 
+0

不,兄弟,這將導致傳說與切片文字一起顯示,我不想打擾傳說。 – Ragul