Estoy haciendo una gráfica combinada. Estoy atorado en cómo representar la línea en 2 valores, tanto en número como en porcentaje. No entiendo si la misma Highcharts realiza los cálculos o debo añadir una serie o nodo de data adicional para poder representar. Sería una regla de 3 para sacar el porcentaje. La formula sería
100 - ( (llamadas atendidas * 100) / llamadas recibidas );
No entiendo dónde poner o enviar un arreglo ya con esa información, pero cómo renderizo ambos valores, abandono en valor y en porcentaje
Highcharts.chart('container', {
title: {
text: 'Inbound'
},
xAxis: {
categories: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'junio']
},
labels: {
},
series: [{
type: 'column',
name: 'Llamadas Recibidas',
data: [7128,5067,5816,6005,6569,7260]
}, {
type: 'column',
name: 'Llamadas Atendidas',
data: [5664,4820,5456,5401,5846,5503]
}, {
type: 'column',
name: 'Llamadas Abandonadas',
data: [1463,159,360,603,722,1757]
}, {
type: 'line',
name: 'Abandono',
data: [1463,159,360,603,722,1757],
marker: {
lineWidth: 2,
lineColor: Highcharts.getOptions().colors[3],
fillColor: 'white'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.y}</b> ({point.percentage:.1f}%)<br/>'
},
}, ]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
stacked
y en lospie
: api.highcharts.com/highcharts/tooltip.formatterpercentage
es para puntos en un stacked series o pie. Pero estás usando una línea y parece que no funciona para eso (por ejemplo, si pones "pie" como tipo sí se verán los porcentajes, pero no como tu quieres).