Tengo problemas para cambiar el tamaño de un gráfico circular de Google que hice. Estoy tratando de dibujar varios gráficos circulares con el tamaño de cada gráfico proporcional a la cantidad total de datos que estoy alimentando. Soy consciente de que podemos cambiar el tamaño del contenedor div del gráfico agregando opciones al gráfico de la siguiente manera:

var options = {width: 400, height: 300};

Sin embargo, lo que me interesa no es cambiar el tamaño de div, sino el gráfico circular en sí.

¿Hay alguna manera de cambiar el radio del gráfico circular?

He buscado y no he podido encontrar nada. Aquí hay una pintura rápida de lo que quiero decir:

Example

Como puede ver, lo que me gustaría es que div permanezca en el mismo tamaño pero que cambie el tamaño del círculo, dependiendo del valor que le dé.

Cualquier ayuda es apreciada

7
L. Chen 31 mar. 2017 a las 02:15

2 respuestas

La mejor respuesta

Pruebe la opción para chartArea

E.g.

chartArea: {width: 400, height: 300}

8
WhiteHat 31 mar. 2017 a las 01:06

Pruebe el ejemplo a continuación http://jsfiddle.net/toddlevy/c59HH/

function initChart() {
var options = {
    legend:'none',
    width: '100%',
    height: '100%',
    pieSliceText: 'percentage',
    colors: ['#0598d8', '#f97263'],
    chartArea: {
        left: "3%",
        top: "3%",
        height: "94%",
        width: "94%"
    }
};
2
Shailesh Tiwari 5 dic. 2018 a las 01:01