2011-07-08 10 views
7

Estoy jugando con la API de gráfico circular de Google.Google Chart API - Gráfico circular Opciones de trazo que no afectan

Todo funciona bien, excepto por las opciones de trazo: y trazo Ancho:. No importa lo que les puse, nada cambia.

Tengo un color de fondo oscuro, y las líneas entre las rebanadas son blancas. Intento cambiarlos al mismo color que el fondo. Tampoco puedo cambiar el ancho de estas líneas.

Aquí está mi código:

<script src="https://www.google.com/jsapi"></script> 
<script> 

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 

function drawChart() { 

    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Task'); 
    data.addColumn('number', 'Hours per Day'); 
    data.addRows(5); 
    data.setValue(0, 0, 'Work'); 
    data.setValue(0, 1, 11); 
    data.setValue(1, 0, 'Eat'); 
    data.setValue(1, 1, 2); 
    data.setValue(2, 0, 'Commute'); 
    data.setValue(2, 1, 2); 
    data.setValue(3, 0, 'Watch TV'); 
    data.setValue(3, 1, 2); 
    data.setValue(4, 0, 'Sleep'); 
    data.setValue(4, 1, 7); 

    // Create and draw the visualization. 
    new google.visualization.PieChart(document.getElementById('poll-chart')). 
    draw(data, { 

     title:"", 
     fontSize: "12", 
     legend: "none", 
     width: 200, 
     height: 200, 
     chartArea: { left: 0, top: 0, width: "100%", height: "100%"}, 
     backgroundColor: { stroke: "#5A5A5A", strokeWidth: 5, fill: "#5A5A5A" } 

    }); 
} 

</script> 

estoy haciendo referencia a la API de Google de las opciones de esta página:

http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html#Configuration_Options

No estoy seguro de si estoy haciendo algo mal o no.

¡Su ayuda o guía sería muy apreciada!

Gracias, Michael.

EDIT:

Ok, por lo que parece que las propiedades que estaba Messing con están preocupados con la carrera exterior de todo el gráfico y no para cada rebanada. Todavía estoy atrapado. ¿Alguien sabe cómo puedo cerrar las brechas blancas entre las rebanadas? No puedo encontrar nada en Google sobre esto.

Respuesta

10

Use pieSliceBorderColor. Esto podría haber sido agregado desde que se hizo esta pregunta, pero para cualquier referencia futura, así es como lo hace. Nota: esto solo funcionará en un gráfico circular 2D

new google.visualization.PieChart(document.getElementById('poll-chart')). 
    draw(data, { 

     title:"", 
     fontSize: "12", 
     legend: "none", 
     width: 200, 
     height: 200, 
     chartArea: { left: 0, top: 0, width: "100%", height: "100%"}, 
     backgroundColor: { stroke: "#5A5A5A", strokeWidth: 5, fill: "#5A5A5A" }, 

     // add this line 
     pieSliceBorderColor : "#5A5A5A" 
    }); 
+0

¡Funciona para mí! ¡Gracias! – afternoon

Cuestiones relacionadas