[Javascript] Gráfico de donuts Highcharts sin pastel interno?


Answers

**I hope this example of highchat will solve your problum

http://jsfiddle.net/e2qpa/3/

$(function() {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie'
        },

        plotOptions: {
            pie: {
                borderColor: '#000000',
                innerSize: '60%'
            }
        },
        series: [{
            data: [
                ['Firefox', 44.2],
                ['IE7', 26.6],
                ['IE6', 20],
                ['Chrome', 3.1],
                ['Other', 5.4]
                ]}]
    },
    // using

    function(chart) { // on complete

        var xpos = '50%';
        var ypos = '53%';
        var circleradius = 102;

    // Render the circle
    chart.renderer.circle(xpos, ypos, circleradius).attr({
        fill: '#ddd',
    }).add();

    // Render the text
    chart.renderer.text('THIS TEXT <span style="color: red">should be in the center of the donut</span>', 155, 215).css({
            width: circleradius*2,
            color: '#4572A7',
            fontSize: '16px',
            textAlign: 'center'
      }).attr({
            // why doesn't zIndex get the text in front of the chart?
            zIndex: 999
        }).add();
    });
});
Question

He estado buscando la solución para generar el gráfico de dona más simple con la biblioteca de Highcharts. Sin embargo, todos los ejemplos de Highcharts muestran el estilo del gráfico con el pastel interior y el anillo externo (consulte: http://www.highcharts.com/demo/pie-donut )

¿Cómo puedo deshacerme del pastel interno y mantener el donut externo, como lo hacen otras bibliotecas? (algo así como RGraph: http://www.rgraph.net/examples/donut.html )

Gracias.




Links