javascript - online - grafico de radial

Mostrar los valores porcentuales en el gráfico de burbujas(diagramas altos)

Question

https://jsfiddle.net/Kondaldurgam/ewng3aqa/

Tengo un valor de tamaño de burbuja. Quiero mostrar el valor con porcentaje de cómo mostrar el valor con porcentaje. ¿Es posible mostrar o no? Mostrar valores de porcentaje en el gráfico de burbujas

   Highcharts.chart(''container'', {

chart: {
    type: ''bubble'',
    plotBorderWidth: 0,
    zoomType: ''xy''
},

title: {
    text: ''Highcharts bubbles with radial gradient fill''
},

xAxis: {
    gridLineWidth: 1
},

yAxis: {
    startOnTick: false,
    endOnTick: false
},
plotOptions: {
    bubble: {
        dataLabels: {
            enabled: true,
            x:30
        },
    }
},
series: [{
    data: [
        [9, 81, 63],
        [98, 5, 89],
        [51, 50, 73],
        [41, 22, 14],
        [58, 24, 20],
        [78, 37, 34],
        [55, 56, 53],
        [18, 45, 70],
        [42, 44, 28],
        [3, 52, 59],
        [31, 18, 97],
        [79, 91, 63],
        [93, 23, 23],
        [44, 83, 22]
    ],
    marker: {
        fillColor: {
            radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 },
            stops: [
                [0, ''rgba(255,255,255,0.5)''],
                [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.5).get(''rgba'')]
            ]
        }
    }
}, ]

});

Answer 1

Vea otras respuestas para una solución más simple. Para la solución más compleja que usa jquery:

El setTimeout se usa para esperar que se cargue el Gráfico.

setTimeout(function(){
    var objects = $(''.highcharts-data-label text tspan'');
    var text = "";
    objects.each(function(){
        text = $(this).text();
        $(this).text(text + '' %'');
    });
},500);

Answer 2

solo necesitas agregar la opción de formato

 bubble: {
            dataLabels: {
                enabled: true,
                x:30,
                format: "{y}%"
            },
        }

ver el violín aquí https://jsfiddle.net/ewng3aqa/1/