Cómo implementar el gráfico circular de Google (con la visualización de la leyenda y los valores correspondientes)

He creado un gráfico de sectores de Google usando datos json de la base de datos. El gráfico circular se creó con el nombre de la leyenda, pero también quiero mostrar la leyenda con valor, ese es el nombre con valor además del piechart. Estoy probando diferentes cosas, pero estoy completamente perplejo por esto.

El código del gráfico circular de Google que estoy implementando es (fragmento): –

function drawChart(data) { var hi_cnt = data.length; var gdata = new google.visualization.DataTable(); var total = 0; gdata.addColumn('string', 'Task'); gdata.addColumn('number', 'Hours Per Day'); gdata.addRows(hi_cnt); for (var i= 0;i < hi_cnt; i++) { gdata.setCell(i, 0, data[i]['name']); gdata.setCell(i, 1, parseInt(data[i]['count'])); } var options = { title: 'Number of Issues By Type', 'width': 750, 'height': 450, backgroundColor: '#EEE', legend: {position: 'right'}, areaOpacity: 1.0, sliceVisibilityThreshold:0, //vAxis: {format: '# $'}, //hAxis: {title: '????', titleTextStyle: {color: 'blue'}, slantedText: true, viewWindow: {min: 39, max: 52}}, //colors: ['CCFFCC', '66CC66', 'FF9999'], //animation: {duration: 1000, easing: 'out'} }; var chart = new google.visualization.PieChart(document.getElementById('outer_tableDiv')); chart.draw(gdata, options); } function getHealthReport() { var dataString = {auth_token: sessionStorage.auth_token,}; var mh_url = MH_HOST + '/reports/get_health_issues_report.json'; $.ajax( { type: "POST", url: mh_url, data: dataString, dataType: "json", success: function (data) { drawChart(data); }, error: function (data) { alert("fail"); } }); } 

Alguien puede ayudarme por favor..

Supongo que puedes probar lo siguiente:

 var total = 0; for (var i = 0; i < data.getNumberOfRows(); i++) { total += data.getValue(i, 1); // get the data var label = data.getValue(i, 0); var value = data.getValue(i, 1); var percent = Math.ceil(1000 * value / total) / 10; // This will create legend list for the display lis[i] = document.createElement('li'); lis[i].id = 'legend_' + data.getValue(i, 0); lis[i].innerHTML = '
' + label + ': ' + value + ' (' + percent + '%)'; legend.appendChild(lis[i]); }

Por favor, avíseme si es correcto.